wql19881207的专栏

主要关注php开发和信息安全。个人快乐主义,简单,技术主义者。

jQuery基础教程之DOM操作-遍历节点-parent()方法

上一章我们说了jQuery教程基础篇之DOM操作-遍历节点-children()方法,那接下来,正好说说parent()方法。

.parent([selector])方法返回的是每一个匹配的元素的父元素的集合。
这里selector是可选参数,是用于过滤父元素的选择器表达式。
HTML代码:

1 <div class="demo">
2 <div><p><a title="jquery"href="http://www.skygq.com/tag/jquery/">jquery</a>学习</p></div>
3 <div class="selected"><p>jquery教程</p></div>
4 <div class="selected"><p>jquery插件</p></div>
5 </div>

jquery代码:

1 $("p").parent().css("background""green");//这样一来三个p的父元素div的背景色都会变成绿色
jquery parent()方法在线测试

再来给parent传入一个参数”.selected”
jquery代码:

1 $("p").parent(".selected").css("background""green");//这样一来三个p的父元素div class为“selected”的背景色会变成绿色
jquery parent(selector)方法在线测试
阅读更多
文章标签: jquery div class html
个人分类: jquery学习
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

jQuery基础教程之DOM操作-遍历节点-parent()方法

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭