遍历DOM元素的方法

2016-07-11 1392 2 编辑:Monster 来源:jQuery入门

虽然用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()方法只搜索子元素而不是后代元素。


本站文章均为深正网站建设摘自权威资料,书籍,或网络原创文章,如有版权纠纷或者违规问题,请即刻联系我们删除,我们欢迎您分享,引用和转载,但谢绝直接搬砖和抄袭!感谢...
关注深正互联