javascript - 如何选择下一个div？

Question

我在一个页面中多次出现这个部分:

<a class="showComment" style="cursor: pointer;"><i class="icon-comment"></i> Views</a>
<br />
<br />
<div class="writeComment" style="height: auto; width: 700px;" dir="ltr" hidden="hidden">
</div>

我现在正在为a.showComment点击事件在js文件中编写代码。现在我想选择下一个div.writeComment。如何选择它？

Answer 1

在变量 nextDiv 中你可以做任何你想做的事情
使用 .nextAll() 方法允许我们在 DOM 树中搜索这些元素的后继元素，并从匹配元素构造一个新的 jQuery 对象。

使用 .next() 搜索您点击的 DOM 元素试试这个:

 $('.showComment').click(function(){
        var nextDiv = $(this).nextAll("div.writeComment");
    });

或者

$('.showComment').click(function(){
            var nextDiv =  $('.showComment').next().find('.writeComment')
        });

或者

$('.showComment').click(function(){
        var nextDiv = $(this).next("div.writeComment");
    });