jquery遍历
向上遍历
<!DOCTYPE html>
<html>
<head>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<style>
p {
color:red
}
</style>
<script>
$(function(){
$("span").parent().css({"border":"2px solid red"})
//parent() 方法返回被选元素的直接父元素。然后css()方法更改属性。可以说是两个方法连在一起了。
})
</script>
</head>
<body>
<div>region1
<p>这是段落中的<span>粗体</span>文本。</p>
<div>
</body>
</html>
分析
- 两个方法是可以连在一起的，如
$("span").parent().css({"border":"2px solid red"})先用parent方法获取其上层的第一个元素，之后再用css方法设置该上层元素 - parent改成parents就是上层所有元素了。
- 如果用javascript的话就麻烦了，要写循环
参考
jQuery 遍历 | 菜鸟教程
jQuery 遍历 – 祖先 | 菜鸟教程
jQuery - css() 方法
jQuery 遍历 - 祖先
