All searching is done using a jQuery expression. The expression can be written using CSS 1-3 Selector syntax.
返回值jQuery
参数expr (String) :用于查找的表达式
示例从所有的段落开始，进一步搜索下面的span元素。与$("p span")相同。
HTML 代码:
<p><span>Hello</span>, how are you?</p>
jQuery 代码:
$("p").find("span")
结果:
[ <span>Hello</span> ]
----------------------------------------------------------------------------------------------------------------
next([expr])
取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。
这个函数只返回后面那个紧邻的同辈元素，而不是后面所有的同辈元素（可以使用nextAll）。可以用一个可选的表达式进行筛选。
Get a set of elements containing the unique next siblings of each of the matched set of elements.
It only returns the very next sibling for each element, not all next siblings (nor does it return the next closest sibling). You may provide an optional expression to filter the match.
返回值jQuery
参数expr (String) : (可选) 用于筛选的表达式
示例找到每个段落的后面紧邻的同辈元素。
HTML 代码:
<p>Hello</p><p>Hello Again</p><div><span>And Again</span></div>
jQuery 代码:
$("p").next()
结果:
[ <p>Hello Again</p>, <div><span>And Again</span></div> ]
找到每个段落的后面紧邻的同辈元素中类名为selected的元素。
HTML 代码:
<p>Hello</p><p>Hello Again</p><div><span>And Again</span></div>
jQuery 代码:
$("p").next(".selected")
结果:
[ <p>Hello Again</p> ]
----------------------------------------------------------------------------------------------------------------
nextAll([expr])
查找当前元素之后的所有元素。
可以用表达式过滤
Find all sibling elements after the current element.
Use an optional expression to filter the matched set.
返回值jQuery
参数expr (String) : (可选)用来过滤的表达式
示例给第一个div之后的所有元素加个类
HTML 代码:
<div></div><div></div><div></div><div></div>
jQuery 代码:
$("div:first").nextAll().addClass("after");
结果:
[ <div></div>, <div></div>, <div></div> ]
----------------------------------------------------------------------------------------------------------------
parent([expr])
取得一个包含着所有匹配元素的唯一父元素的元素集合。
你可以使用可选的表达式来筛选。
Get a set of elements containing the unique parents of the matched set of elements.
You may use an optional expression to filter the set of parent elements that will match.
返回值jQuery
参数expr (String) : (可选)用来筛选的表达式
示例查找每个段落的父元素
HTML 代码:
<div><p>Hello</p><p>Hello</p></div>
jQuery 代码:
$("p").parent()
结果:
[ <div><p>Hello</p><p>Hello</p></div> </body> ]
查找段落的父元素中每个类名为selected的父元素。
HTML 代码:
<div><p>Hello</p></div><div><p>Hello Again</p></div>
jQuery 代码:
$("p").parent(".selected")
结果:
[ <div><p>Hello Again</p></div> ]
----------------------------------------------------------------------------------------------------------------
parents([expr])取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通过一个可选的表达式进行筛选。