jquery next() this

Question

我遇到了一个小问题。

尝试制作一个简单的手风琴导航。使用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。

Answer 2

简而言之：

$(this) // <----Represents current target which got the event

而：

$('.text') // <--- this is a collection of all elems with class '.text' so all
           // -----will be getting events simultaneosly.