JQuery的find()方法用于在當前元素的后代元素中查找匹配選擇器的元素。它可以通過傳遞選擇器作為參數來查找元素。
語法:
$(selector).find(filter)
參數:
selector: 用于選擇要搜索的元素的選擇器表達式。
filter(可選):用于對找到的元素進行進一步篩選的選擇器表達式。
返回值:
示例:
HTML:
<div id="container">
<h1>Title</h1>
<p class="content">Paragraph 1</p>
<p class="content">Paragraph 2</p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
</div>
JavaScript:
// 查找所有p元素
var paragraphs = $("#container").find("p");
console.log(paragraphs);
// 查找.container下的所有子元素
var children = $(".container").find("*");
console.log(children);
輸出:
// paragraphs:
[
<p class="content">Paragraph 1</p>,
<p class="content">Paragraph 2</p>
]
// children:
[
<h1>Title</h1>,
<p class="content">Paragraph 1</p>,
<p class="content">Paragraph 2</p>,
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>,
<li>Item 1</li>,
<li>Item 2</li>
]
在上面的示例中,通過使用find()方法,我們可以從一個父元素中查找所有符合條件的子元素。