找到父表的第一個兄弟 - jquery

Question

我有2個表，其中我有一些圖像按鈕的行。我想要做的是，當我點擊圖像按鈕時，顯示放置在包含點擊圖像按鈕的表格下方的div。

<table id="Table1"> 
    <tr> 
    <td><input type="image" src="Images/info.jpg" class="infoButton" /></td> 
    </tr> 
</table> 
<div class="info">    
</div> 

<table id="Table2"> 
    <tr> 
    <td><input type="image" src="Images/info.jpg" class="infoButton" /></td> 
    </tr> 
</table> 
<div class="info">    
</div> 

我迄今所做的是這樣的：

$('.infoButton').click(function() {       
    $(this).closest('table').siblings().filter(":first").show(); 
}); 

當我點擊第一個表中的一個按鈕，這工作。然後它顯示正確的div（表1下的那個）。當我點擊表2中的按鈕時，它再次顯示相同的div。我想讓它顯示在表2中的div

Answer 1

$('.infoButton').click(function() {       
    $(this).closest('table').next('div').show(); 
}); 

DEMO

Answer 2

推薦使用jQuery parents功能，增加了可讀性和建造的目的。

$('.infoButton').click(function() {
$(this).parents('table').next('div').show(); });