[jQuery] Pass objects to Ajax Success
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