當涉及到「this」選擇器時，jQuery的層次結構如何工作？

Question

例如，如果我用這個代碼：

$(".Class").children(:last).click(function(){ 
    $(this).siblings(":not(:last)").toggle(); 
} 

會「這」指的是「.class」的類，或將參考指定的「.class」級的最後一個子？

Answer 1

this將引用在鏈中的最終選擇器中匹配的觸發事件的DOM元素;在這種情況下，的孩子.Class。因此，如果您點擊最後.Class課程的last孩子，該事件將觸發。請參見fiddlefoo2如何觸發警報。

<div class="Class"> 
    <div> </div> 
    <div> </div> 
    <div> </div> 
    <div> </div> <!--This is the last child of .Class--> 

</div> 

除，因爲你已經張貼它不會工作，因爲:last應該加上引號作爲一個字符串。

Answer 2

它會引用被點擊的元素。也就是說，綁定事件偵聽器時，該元素中的最後一個元素的類爲Class。如果您在事件偵聽器已綁定之後在同一父級中的前一個元素之後添加了另一個元素，則它仍然會偵聽以前的最後一個和this也將是前一個元素的最後一個。

Answer 3

我認爲這是這種情況下的最後一個孩子。它始終是單擊詞前匹配的最後一個元素。

Answer 4

它是指您正在操作的當前上下文。在您提供的示例中，它將引用指定的「Class」類的最後一個孩子。

如果你要做到以下幾點：

$(this)將涉及到每個孩子，因爲它得到遍歷。