jquery next() 这个

Question

我偶然发现了一个小问题。

尝试制作一个简单的 Accordion 导航。使用jquery，但注意到一些我无法弄清楚的事情。

这是我的代码

<div class="box"> Item 1</div>
<div class="text"> Text Box </div>
<div class="box"> Item 2</div>
<div class="text"> Text Box 2</div>
<div class="box"> Item 3</div>
<div class="text"> Text Box 3</div>

JS

$('.box').click(function(){
    $('.text').slideUp()
    $(this).next().slideToggle()    
})

我想知道的是，如果我使用

    $(this).next().slideToggle()      

一切正常。

现在我尝试将(这个)替换为以下内容:

    $('.text').next().slideToggle() 

但效果不同。我认为(这个)会与 div 文本相关，或者至少与 DOM 中的其他内容相关？

Answer 1

点击事件中的$(this)代表事件源，而$('.text')代表所有元素的集合有 class 文本。 $('.text').next().slideToggle() 将调用选择器 $('.text 返回的集合的第一个元素上的 slideToggle ').