div中的jQuery选择器[关闭]答案

【问题标题】：jQuery Selector within a div [closed]div中的jQuery选择器[关闭]
【发布时间】：2012-10-13 22:14:15
【问题描述】：

您好，我是 jQuery 新手。

我有以下 HTML 块：

<html>
<body>
    <p>Paragraph1</p>
    <p>Paragraph2</p>
    <div id = "mydiv">
        <p>Paragraph3</p>
        <p>Paragraph4</p>
    </div>
 </body>
</html>

如果我执行 $("p")，那么这将选择每个段落。但是我如何只选择“mydiv”中的所有段落

谢谢！

【问题讨论】：

api.jquery.com/category/selectors
查找文档所花费的时间比编译问题要少得多。 jQuery selectors

标签： jquery jquery-selectors

【解决方案1】：

你所要做的就是：

$('#mydiv p')

【讨论】：

请注意，与 find 或上下文选择器不同，此选择器可以充分受益于 DOM QSA 性能提升。我个人认为这是最容易理解的，因为任何对 CSS 选择器有非常基本理解的人都可以理解。

【解决方案2】：

或者你可以这样做：

$('#mydiv').find('p')

【讨论】：

【解决方案3】：

你可以设置上下文

$('p','#mydiv') // equal to $('#mydiv').find('p')

或者

$('#mydiv p')

【讨论】：

上下文表单有什么特别之处吗？
@LiviuT。不..当你必须使用this时它真的很有用..而不是写$(this).find('whatever')..你可以写$('whatever',this)

【解决方案4】：

$( "#mydiv p" )

享受吧！你可以像这样级联选择器。

【讨论】：

【解决方案5】：

$("#mydiv p")

你也可以这样用：

$("#mydiv > p")

另一种方式是定义上下文：

$('p', '#mydiv");

【讨论】：