jquery - 如何在jquery中选择下一个元素

Question

我有一个像下面这样的 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，第二个必须切换第二个标签。

例如我试过$(".minmax:first").parents("table:first").nextUntil("div.minmaxdiv")但结果是空的 jquery 对象

Answer 1

试试这个：

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

示例小提琴

Answer 2

虽然可能不是最优雅的解决方案，但您应该能够做到这一点：

$('.minmax').click(function()
{
    var index = $('.minmax').index(this);
    $('.minmaxdiv').eq(index).toggle();
});

Answer 3

试试这个

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

});

或者

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

 });

检查小提琴