Menu
I'm trying to find the index of a row in a table. I'm trying to use the following code, but I seem to get an index of -1.
$(document).ready(function() { $("tr").click(function (){ var index = $("table").index($(this)); $("span").text("That was row index #" + index); }); }); With html that looks like this;
<table> <tbody> <tr><td>click</td></tr> <tr><td>click</td></tr> <tr><td>click</td></tr> <tr><td>click</td></tr> </tbody> Thanks
988
JavaScript Array findIndex() The findIndex() method executes a function for each array element. The findIndex() method returns the index (position) of the first element that passes a test. The findIndex() method returns -1 if no match is found.
You can use the Core/index function in a given context, for example you can check the index of the TD in it's parent TR to get the column number, and you can check the TR index on the Table, to get the row number: $('td'). click(function(){ var col = $(this). parent().
$(this). closest('tr'). children('td:eq(0)'). text();
Have you tried:
$("tr").index(this) The documentation shows just passing this and that the preceding selection should be where the node is found. If you need to find it in a specific table (and there are multiple), you may need to provide some context:
// haven't tested this $("tr", $(this).closest("table")).index(this) If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
