如何找到相同位置下一行td的索引

Question

我有一個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> 

在這裏，我想找到下一行的TD的指數ITEM2的同一位置（即，指數4）。 jQuery如何可能？

Answer 1

試試這個。

代碼片段：（更新）

$(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>

希望這有助於！