jquery - 使用 .next() 查找并显示下一个 div

Question

我有一些用 PHP 动态创建的 div 和 span。单击跨度时，我希望下一个“添加玩家”div 向下滑动。

我想使用

$(document).on('click','.plus',function(){
    $(this).find('#add_player').slideToggle();
});

但如果没有“添加玩家”div 位于 span 标签内，我就无法做到这一点...我不想要。

接下来我尝试了:

$(document).on('click','.plus',function(){
    $(this).parent().parent().next('#add_player').slideToggle();
});

这也不起作用。

<div id="roster">

    <div>

        <span class="plus">+</span>

        <div id="add_player">

        </div>

    </div>

</div>

我的 HTML 结构是否正确？

Answer 1

使用siblings()

$(document).on('click', '.plus', function() {
    $(this).siblings('#add_player').slideToggle();
});

JSFiddle