parent()是 父元素 就一个,你要选取class=x的元素,就是第一个p元素的父元素的父元素:
$("p:eq(0)")parent()parent()css("background", "yellow");
或者p元素父元素的父元素类为x的元素:
$("p")parent()parent("x")css("background", "yellow");
或者p元素祖先元素(祖先就很多个了)中类为x的元素:
$("p")parents("x")css("background", "yellow");
jquery获取父元素方法比较多,比如parent(),parents(),closest(),find,first-child这些都能帮你实现查找父节点、子节点、兄弟节点。
$('#cur')parent()parent();或$('#cur')parent()parent('pp');或$('#cur')parent('pp');
jquery 兄弟节点的获取
<ul>
<li>
<h3 class="title">类目一</h3>
<ul>
<li>第一项</li>
<li>第二项</li>
</ul>
</li>
<li>
<h3 class="title">类目二</h3>
<ul>
<li>第一项</li>
<li>第二项</li>
</ul>
</li></ul>
比如要点击类目一所在的 h3,对其兄弟节点的 ul 添加一个叫做 "show" 的 class,代码如下:
$("title")click(function () { $(this)parent()find('ul')addClass('show'); });
就是通过先找到 h3 与 ul 共同的父节点 li 然后来用 find() 找到 ul,还有一种方法是使用 siblings() 函数,代码如下:
("title")click(function() { $(this)siblings('ul')addClass('show'); })
子节点怎么获得
$("#tbody1:first-child")
:first-child
匹配第一个子元素
':first' 只匹配一个元素,而此选择符将为每个父元素匹配一个子元素
<html>
<script src="jquery-141minjs"></script>
<body>
<div><label>dddddd</label><input type="sss" value="sss"/>ddddddddffffff</div>
<body>
<script>
alert($("input")parent()children()text());
</script>
</html>
jQuery 提供了 parent() 方法用以获取当前匹配元素集合中每个元素的父元素,例如:
$("span")parent(); // 获取所有span标签元素的父节点对象集合
$("selected")parent(); // 获取所有class位selected的元素的父节点对象集合
$(spanselected)parent(); // 获取class为selected的span标签元素的父节点对象集合
另外,注意与parents() 方法的区别——parents() 方法获取当前匹配元素集合中每个元素的祖先元素(祖先元素不仅包括父节点,还包括祖父、曾祖父等等)。
目前发现的化学元素虽然有上下位关系,如惰性元素包括,金属元素包括镧系元素包括锕系元素包括重元素包括轻元素包括
但是元素之间无法构成上下代关系。
而,唯一的例外可以是放射性元素,从一种物质衰变为另一种物质。类似于生物的传宗接代。当前元素的父元素是放射行为起点的元素。
还有一个例外是恒星的核聚变过程,轻元素吸收能量变成重元素。轻元素与重元素之间构成了上下代关系。重元素的父元素是轻元素。
至于你问的当前元素的父元素的父元素,即当前元素的祖元素,目前尚无例子支持你的提法。
以上就是关于jquery如何获得父级的父级元素全部的内容,包括:jquery如何获得父级的父级元素、用jquery怎么取父节点的兄弟节点的所有子节点、jQuery获取某一元素的父元素的第一子元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)