单击图像时如何使用JQUERY选择第二个元素？-HowtoselectsecondelementwithJQUERYwhenclickedonimage?

The code below working for only first div. I can't display other divs when i clicked on the other "img"s. Do you know a method to reach second (next) element?

以下代码仅适用于第一个div。当我点击其他“img”时,我无法显示其他div。你知道一种方法来达到第二个(下一个)元素吗?

$(document).ready(function() {

        $('.imgOpenClose').click(function() {
            if ($(this).attr("src") == "images/openTree.gif") {
                $(this).attr("src", "images/closeTree.gif");
                $(this).parent().find('div').eq(0).show();
            }
            else {
                $(this).attr("src", "images/openTree.gif");
                $(this).parent().find('div').eq(0).hide();
            }
        });
});

2 个解决方案

$('.imgOpenClose').click( function() {
    $(this).nextAll('div:first').toggle();
});

$(function() {
    $('.imgOpenClose').click(function() {
        $(this).next('div').children('table').toggle();
    });
});