Question

i have the following code written in normal js:-

var trCat = document.getElementById('trCat');
var tr_1 = document.createElement('tr');
tr_1.id = 'trCat_'+val;
tr_1.style.width = '100%';    
trCat.parentNode.insertBefore( tr_1 , trCat );
tr_1.attachEvent('onclick' , function() {
    DeleteRow(val)
});

How Can i replicate the above code in JQUERY? Any Suggestions are most welcome..

Answer 1

This should do the trick:

$('<tr />')
  .attr('id', 'trCat_'+val)
  .css('width', '100%')
  .click(function() {
    DeleteRow(val);
  }).insertBefore($('#trCat').parent());