javascript - 当涉及到 "this"选择器时，jQuery 的层次结构是如何工作的？

Question

例如，如果我要使用这段代码:

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

“this”是指“.Class”类，还是指指定“.Class”类的最后一个子类？

Answer 1

this 将引用与触发事件的链中的最终选择器匹配的 DOM 元素；在这种情况下，:last .Class 的 child 。因此，如果您单击最后一个 .Class 类的 last 子级，就会触发该事件。见此fiddle如何仅 foo2 触发警报。

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

</div>

除此之外，它不会像您发布的那样工作，因为 :last 应该作为字符串放在引号中。