jquery：如何獲得父母<tr>使用其​​值？

Question

我有動態像這樣生成的表結構 -

<table> 
    <tr class="row"> 
    <td class="order">1</td> 
    <td class="name">abc</td> 
    </tr> 
    <tr class="row"> 
    <td class="order">2</td> 
    <td class="name">def</td> 
    </tr> 
    </table> 

基本上我將具有值兩者rows.Using每個順序值的1,2，我將如何能夠獲得它的父和循環通過它並獲得它的價值？

我期待的輸出是使用順序值「1」，我必須得到「abc」並使用順序值「2」，我必須得到「def」。

任何人都可以幫我解決這個問題嗎？

Answer 1

您可以使用next()獲取下一個td，首先需要將事件綁定到td包含值1,2。您可以在選擇器中使用.row類並將事件綁定到其後代td。

Live Demo

$('.row td.order').click(function(){ 
    alert($(this).next().text()); 
}); 

Answer 2

嘗試

var value = ;// 1 or 2 etc 
var text = $('.row td.order').filter(function(){ 
    return $.trim($(this).text()) == value 
}).next().text() 

Answer 3

如果結構總是喜歡你的榜樣，你可以使用next()這樣的：

var order = 1; 
$('.row td.order:contains('+order+')').next().text() 

如果不是你能使用這個（明確搜索f或 '名稱' TD）：

var order = 1; 
$('.row td.order:contains('+order+')').parent().find("td.name").text() 

看到fiddle