javascript - jquery 这个 concat 选择器

Question

例如给定这个 HTML:

<div>
    <p>p0</p>
    <p>p1</p>
    <p>p2</p>
</div>

我不明白如何编写串联的 jQuery this 选择器，它是这样的:

$("div").on("mouseover", function () {
    $(this + " p").css({
        color: "#009"
    });
}); 

正确的语法是什么？

Answer 1

要在另一个元素中查找元素，请使用上下文选择器。试试这个:

$("p", this).css({ /* ... */ });

或者您可以连接父级的 id - 尽管这在 IMO 上有点难看:

$("#" + this.id + " p").css({ /* ... */ });

或者你可以在父元素上使用find():

$(this).find("p").css({ /* ... */ });

上面的任何一个都适合你，尽管第二个例子非常丑陋，应该避免。尽可能直接使用 this 引用。