码迷,mamicode.com
首页 > 其他好文 > 详细

获取元素父级方法

时间:2014-06-22 23:52:11      阅读:516      评论:0      收藏:0      [点我收藏+]

标签:style   class   blog   code   java   ext   

1:parent();//获取元素的父级元素

<script type="text/javascript" src="jquery-1.11.1.js"></script>
<script>
        $(function(){
                
                $(‘span‘).parent().css(‘border‘,‘2px solid red‘);//获取到div元素
                
        })
</script>
</head>

<body>
<div>
    jquery
    <span>javascript</span>
</div>
</body>

2:parents();//获取元素的父级元素和所有的祖先元素

<script>
	$(function(){
				
		$(‘span‘).parents().css(‘border‘,‘2px solid red‘);//获取所有的父级祖先元素,并且设置边框为2px solid red;包括body、html
				
	})
</script>
</head>

<body>
<div>
	祖先父级
    <div>
        jquery
        <span>javascript</span>
    </div>
 </div>
</body>

2:parentsUntil();//parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。

<script>
    $(function(){
                
        $(‘span‘).parentsUntil(‘#div1‘).css(‘border‘,‘2px solid red‘);//获取父级祖先元素到id为div1父级为止的元素集合,并且设置边框为2px solid red;包括body、html
                
    })
</script>
</head>

<body>
<div id="div1">
    祖先父级
    <div>
        jquery
        <span>javascript</span>
    </div>
 </div>
</body>

 

 

获取元素父级方法,布布扣,bubuko.com

获取元素父级方法

标签:style   class   blog   code   java   ext   

原文地址:http://www.cnblogs.com/hellome/p/3800015.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!