i have a table with tr containing 10 td elements. The tr are generated dynamically. For eg
name info...
...
deleteWhat i wish to do is when i click on delete link , using ajax go to delete page do the needful and then without page refresh delete the row.
My problem is how do i get the ID in jquery? or is there any other way i could work out but i wish to use jquery for this particular purpose. Thanks
解决方案
You could do this:
$("a[href='delete.php']").click(function(e){
var tr = $(this).closest('tr'),
id = tr[0].id;
// Put your AJAX call here
$.post('/delete/' + id, function(){
// Animate up, then remove
tr.slideUp(500, function(){
tr.remove();
});
});
});
closest() travels up the DOM tree looking for an ancestor that matches the selector. In this case, we were looking for the first tr. I could have also used parent() and gotten the same result.