获取元素父级方法

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

时间: 2024-10-21 03:08:21

获取元素父级方法的相关文章

js jquery 获取元素(父节点,子节点,兄弟节点)

一,js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test"); var parent = test.parentNode; // 父节点 var chils = test.childNodes; // 全部子节点 var first = test.firstChild; // 第一个子节点 var last = test.lastChile; // 最后一个子节点 var previous = test.previ

js jquery 获取元素(父节点,子节点,兄弟节点),元素筛选

转载:https://www.cnblogs.com/ooo0/p/6278102.html js jquery 获取元素(父节点,子节点,兄弟节点) 一,js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test"); var parent = test.parentNode; // 父节点 var chils = test.childNodes; // 全部子节点 var first = test.firstChil

javascript 获取元素样式的方法

javascript 获取元素样式常用方法. Javascript获取CSS属性值方法:getComputedStyle和currentStyle 1 .对于元素的内联CSS样式(<div style="color:#369">hello</div>),可以直接使用element.style.color来直接获取css属性的值: 2. 但是对于外部定义的css样式使用这种方式就无法获取了,而且IE浏览器和其他标准浏览器(Firefox,Chrome,Opera,

call继承父级属性,prototype继承父级方法

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> </body> <script type="text/javascript" > // 通过call继承父级属性 func

jquery 获取元素(父节点,子节点,兄弟节点)

一, js 获取元素(父节点,子节点,兄弟节点)var test = document.getElementById("test"); var parent = test.parentNode; // 父节点 var chils = test.childNodes; // 全部子节点 var first = test.firstChild; // 第一个子节点 var last = test.lastChile; // 最后一个子节点 var previous = test.previ

jQuery获取所有父级元素及同级元素及子元素的方法

1.获取父级元素 $("#id").parent() 获取其父级元素 $("#id").parents() 获取其所有的祖先元素 $("#id").closest() 获取其最近的祖先元素,依次上溯 2.获取同级元素 $("#id").next(selector) 获得匹配元素紧邻的下一个同胞元素.如果提供选择器,则取回匹配该选择器的下一个同胞元素. $("#id").nextAll(selector) 获

el-tree点击获取直接父级的属性

这里是可以一直往上获取它的直接父级的所有属性以及状态 通过这两个事件其中的一个 在方法里可以写上 methods:{ curCheck(data,state){ const curNode = this.$refs.tree.getNode(data); } 这个getNode算是隐藏api了. 此处的curNode就是当前选中的节点的详细属性,其中有一个parent属性,,可以看到它的父级所有信息. } 欢迎进群学习交流(927465926) 原文地址:https://www.cnblogs.

IE6下绝对定位元素父级宽高是奇数,绝对定位元素的right和bottom值会有1个像素的偏差

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 .box{ 8 width: 308px; 9 height: 308px; 10 background-color: red; 11 position: absolute; 12 } 13 .content{ 14 wid

jQuery中获取元素的属性方法attr()简单用法

语法结构:$(selector).attr(attribute), //selector为选择器名,attribute为指定要获取的元素的属性名 修改元素属性的$(selector).attr(attribute,value), //selector为选择器名,attribute为指定要获取的元素的属性名 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/T