0

以下のようなhtmlがあります。問題は、この画像の後に次のdivを見つけて選択し、その可視性を切り替えたいということです

<table>
<tr>
    <td>
        <img src="src" class="minmax" />
    </td>
</tr>
</table>
<div class="minmaxdiv">
    div contents
</div>


<table>
<tr>
    <td>
        <img src="src" class="minmax" />
    </td>
</tr>
</table>
<div class="minmaxdiv">
    div contents
</div>

各画像はclass="minmax"、クリック後に最初の div の可視性を切り替える必要があります。

最初の img タグは最初の div を切り替える必要があり、2 番目のタグは 2 番目のタグを切り替える必要があります。

たとえば、試してみ$(".minmax:first").parents("table:first").nextUntil("div.minmaxdiv")ましたが、結果は空のjqueryオブジェクトです

4

3 に答える 3

3

これを試して：

$(".minmax").click(function() {
    $(this).closest("table").next(".minmaxdiv").toggle()
});

フィドルの例

于 2012-10-30T17:31:15.037 に答える
2

おそらく最も洗練されたソリューションではありませんが、これを実行できるはずです。

$('.minmax').click(function()
{
    var index = $('.minmax').index(this);
    $('.minmaxdiv').eq(index).toggle();
});
于 2012-10-30T17:32:45.837 に答える
1

これを試して

$(".minmax").click(function() {
    $(this).closest('table').next('.minmaxdiv').toggle();

});

また

$(".minmax").click(function() {
     $(this).closest('table').nextAll('.minmaxdiv').first().toggle();

 });

フィドルをチェック

于 2012-10-30T17:31:32.917 に答える