遍历DOM元素的方法

虽然用jQuery的选择器能选中文档中的大多数元素，但有时还是需要使用jQuery提供的遍历元素的方法从匹配元素出发进一步搜索其祖先元素、父元素、同辈元素、子元素以及后代元素。

1.parent()、children()、next()、prev()方法

这几个方法分别用于获取当前匹配元素集合中每个元素的父元素、子元素集合、下一个同辈元素和上一个同辈元素。

(1)在每个单元格中显示其父元素的标记名。

提示:虽然任何元素的父元素只可能有一个，但由于$("td")匹配的是一个元素集合,因此这些元素的父元素也是一个集合，必须加[0]得到第一个匹配元素的父元素，同时加[0]还可以使这个jQuery对象转换为DOM对象，这样就可以使用DOM中的属性tagName了。

(2) children()方法的用法举例。

(3) next(、prev()方法的用法举例。

2.find()方法

find()方法用于从每个匹配元素内搜索符合指定选择器表达式的后代元素。

$("dv").find("p");

这条代码表示在页面所有div元素中搜索其包含的P元素将获得一个新的元素集合,它完全等同于以下代码:$("p",$("div"));

find()方法与children()方法类似，所不同的是，children()方法只搜索子元素而不是后代元素。