Find Table Row Index using jQuery
sectionRowIndex
is a property of the <tr>
element, not an attribute.
The correct way to modify your sample code is to access the jQuery item with a zero indexer like this:
$("#gv1 tr input[name $= 'txtName']").live('click', function(e){ alert($(this).closest('td').parent()[0].sectionRowIndex);});
This will return the correct row index for you. Also, if you are going to use jQuery's .closest()
function to traverse up the DOM and also .parent()
, why not compine those two and just traverse up to the closest <tr>
element?
$("#gv1 tr input[name $= 'txtName']").live('click', function(e){ alert($(this).closest('tr')[0].sectionRowIndex);});
This will also handle weird cases where the parent->child relationship isn't exactly what you expected. For example if you chained a $(this).parent().parent()
and then decided to wrap your inner cell with another div or span, you might screw up the relationship. The .closest()
is the easy way out to make sure it will always work.
Of course my code samples are re-using your provided sample above. You may wish to test with a simpler selector first to prove it works, then refine your selectors.