I have run into a problem.  I am attachking a click() event to every
row of an inventory table.  When the user clicks on the row, it
fetches detailed information from the server and creates a new row
below the clicked row.  Below is the code

$(document).ready(function() {
        $("table > tbody > tr").hover(function(){$
(this).css("backgroundColor", "#de7121")}, function(){$
(this).css("backgroundColor", "")}).click(function(){
                var ordernum = $
(this).parent().parent().prev().children(".purchaseorder").text();
                var itemno = $(this).children(":nth-child(2)").text();
                ordernum = ordernum.substring(ordernum.indexOf("#") + 1);
                $.ajax({
                        type: "GET",
                        url: "",
                        dataType: "html",
                        data: "action=details&po="+ordernum+"&item="+itemno,
                        success: function(msg){}
                });
        });
});

The problem is, I need to be able to pass $(this), the row that was
clicked, into the success callback function so that I can insert the
row immediately after it.  How can I accomplish this?  Thanks

Reply via email to