虽然用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()方法只搜索子元素而不是后代元素。
本文均为荣益互联摘自权威资料,书籍,文章,或来自网络,如有版权纠纷或违规问题,请联系我们删除。我们欢迎您的分享,谢绝直接抄袭复制。感谢…