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＆amp;第二个必须切换第二个标签。

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

Answer 1

试试这个：

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

Example fiddle

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();

});

OR

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

 });

Check Fiddle

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

3 个答案: