jquery - JQuery：$(this).next 的目的与省略它？

Question

这个脚本有什么区别：

<script type="text/javascript">
    $(document).ready(function() {
        $(".content").hide();
        $(".menu2sel").click(function() {
            $(this).next(".content").slideToggle(200);
            });
        });
</script>

注意$(this).next

并且省略了 .next 事件的相同脚本：

<script type="text/javascript">
    $(document).ready(function() {
        $(".content").hide();
        $(".menu2sel").click(function() {
            $(".content").slideToggle(200);
            });
        });
</script>

$(this).next的功能/目的是什么？

Answer 1

它选择 DOM 中的下一个元素，省略它会选择当前元素。

不同之处在于，第一个函数仅在具有匹配类的情况下选择下一个元素，而第二个函数选择页面上具有该类的所有content元素。