title: get row number on row click in jQuery for bootstrap table
body: <p>As easy as it sounds but I am stuck in retrieving the <code>row number</code> of the current clicked/selected row.</p>
  
  <p>I have tried the following so far.
  I am using <code>bootstrap table</code> just in case you want to know.</p>
  
  <pre><code>$('#myTable').on('click-row.bs.table', function (e, row, $element) {
  
       //var row_num = parseInt($(this).parent().index()) + 1;
  
       //var row_num = $(this).closest('tr').index();
  
       //var row_num = $(this).closest('td').parent()[0].sectionRowIndex;
  
  }
  </code></pre>
  
  <p>None seem to be working for me.</p>