0

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 の下の 1 つ) が表示されます。テーブル 2 内のボタンをクリックすると、同じ div が再び表示されます。テーブル2の下にdivを表示したい。

4

2 に答える 2

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

デモ

于 2012-06-29T08:41:06.540 に答える