如何求出同一位置下一行td的索引

How to find out the index of td in next row in same position

本文关键字：一行 td 索引 何求出 位置      更新时间：2023-09-26

我有一个html页面。它包含表格。我想找出一个特定单元格在相同位置的索引。也就是说,这是我的桌子，

<table>
   <tr>
      <td rowspan="2">Label 1</td>
      <td rowspan="2">Label 2</td>
      <td colspan="2">Label 3</td>
      <td>Something else</td>
   </tr>
   <tr>
      <td>Item 1</td>
      <td>Item 2</td>
      <td>Item 3</td>
   </tr>
   <tr>
      <td> 1</td>
      <td> 2</td>
      <td> 3</td>
      <td> 4</td>
      <td> 5</td>
   </tr>
</table>

这里我想找到与item2相同位置的下一行td的索引。(即指数为4)。如何用jQuery实现?

试试这个

代码片段: (updated)

$(document).on('click', 'button', function () {
var ele = $('table tr:eq(1)'), childEle = ele.children() ;
var len = childEle.length;    
for(var i=0; i< len;i++){
    var tdText = childEle.eq(i).text();
    var itemIndex = ele.children('td:contains("'+tdText+'")').index();
    var positionFromLast = len-(itemIndex);
    var nxtTrEle = ele.next();
    var nxtTrLength = nxtTrEle.children().length;
    var ind = nxtTrLength - positionFromLast;
    var reqIndex = nxtTrEle.children(':eq('+ind+')').index();
   alert(reqIndex);    
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<table>
   <tr>
      <td rowspan="2">Label 1</td>
      <td rowspan="2">Label 2</td>
      <td colspan="2">Label 3</td>
      <td>Something else</td>
   </tr>
   <tr>
      <td>Item 1</td>    
      <td>Item 2</td>
      <td>Item 3</td>
   </tr>
   <tr>
      <td> 1</td>
      <td> 2</td>
      <td> 3</td>
      <td> 4</td>
      <td> 5</td>
   </tr>
</table>
<br/>
<button>Get Parallel Index</button>

希望这对你有帮助!

相关文章：