[jQuery] Trouble Deleting Table Rows
Hi,
I know everyone here is busy, and this is probably a stupid
newbiequestion, but I would aprreciate a point in the right
direction...
I am trying to delete a table row that I have created with JQuery:
Everything works until I click the Close link inside the new table
row, then nothing happens. I have spent 3 or 4 hours trying different
variations of getting that close link to generate an event, but I cant
even get it to give me an alert or anything else....
<SCRIPT LANGUAGE="JavaScript">
//JQuery Commands
$(document).ready(function(){
var newrow ='<tr id="ticket_10192" class="ticket_info"><td
colspan="5" scope="row"><center>New Row</center>
<p align=right"><a
href="#" id="close_ticket">Close</a></td></tr>';
$('#10192').click(function(){
var e
if( (e=$('#ticket_10192')).length ) {
// element Exists, delete it
$('#ticket_10192').remove();
} else {
//Doesnt exist, create it
$(this).after(newrow);
}
});
$('a.close_ticket').click(function(){
$('#ticket_10192').remove();
});
});
</SCRIPT>
Thanks for your time.