关闭

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

270人阅读 评论(0) 收藏 举报

上一章我们说了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)方法在线测试
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:410484次
    • 积分:4130
    • 等级:
    • 排名:第7747名
    • 原创:30篇
    • 转载:180篇
    • 译文:0篇
    • 评论:72条