在表格行內單擊按鈕旁邊選擇div文本

Question

下面是一個示例表格。

<table class="table table-bordered"> 
<tbody> 
<tr> 
<tr> 
    <td>Stuff<div id="ParentID" style="display:none">145689</div></td> 
    <td><button class="btn btn-small">Send</button></td> 
</tr> 
</tbody> 
</table> 

我想選擇div標籤內的文本，其中id = ParentID最接近單擊的按鈕。我將來會有多行，所以它必須是唯一的行。

我現在所擁有的

var qry = $(this).closest('#ParentID').text(); 

不顯着工作

Answer 1

這是怎麼可以做到：

$(".btn").on("click", function() { 
    var text = $(this).closest("tr").find("div").text(); 
    // ... 
}); 

注意的元素應該有唯一的ID，所以不能有幾個<div>元件ID 「ParentID」。我希望你只用它作爲例子。

Answer 2

試試這個

$(".btn").on("click", function() { 
$(this).parent('tr').find('div#ParentID').text(); 
}); 

Answer 3

$('button').click(function(){ 
    var dataYouWant = $(this).parent().find('div').html(); 
}); 

Answer 4

你能做到這一點，它給出結果：

$('.btn').click(function() { 
    alert($(this).parent().prev().children('div').text()); 
}); 

嘗試一下這裏：http://jsfiddle.net/YLcjf/2/

（我猜你應該風向標全這些解決方案。不知道'發現'是否有一些貪婪algortithm懲罰與它相關聯）

Answer 5

$("button").click(function(){ 

    alert($(this).parents("tr") 
      .find("div#ParentID").text()); 

}); 

JS小提琴測試：http://jsfiddle.net/leniel/suRfG/