Get Table Row Column Index - Jquery

How to get table row and column index using jquery?

Snippet Code

Rate this page :
  [ 0 votes]

Use the below jQuery code to get the index of clicked table row and column.

<script type='text/javascript'> $(function() { $('td').click(function(){ var column = $(this).parent().children().index($(this)); var rows = $(this).parent().parent().children().index($(this).parent()); alert('Row Index: ' rows ', Column Index: ' column); }); }); </script> <p align='center'><b>Get Table Row Column Index</b></p> <table border="1" align='center'> <tr><th>S.No</th><th>Product_name</th><th>Product_id</th></tr> <tr><td>1</td><td>Nestle</td><td>105</td></tr> <tr><td>2</td><td>Nescafe</td><td>07</td></tr> <tr><td>3</td><td>Boost</td><td>125</td></tr> </table>


Ask Questions

Ask Question