用jquery怎么取父节点的兄弟节点

用jquery怎么取父节点的兄弟节点,第1张


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' 只匹配一个元素,而此选择符将为每个父元素匹配一个子元素

发现答非所问的人还不少啊
取父窗口的元素方法:$(selector, windowparentdocument);
那么你取父窗口的父窗口的元素就可以用:$(selector, windowparentparentdocument);
类似的,取其它窗口的方法大同小异
$(selector, windowtopdocument);
$(selector, windowopenerdocument);
$(selector, windowtopframes[0]document);
希望对你能有帮助

1、新建一个html文件,命名为testhtml。

2、在testhtml文件中,使用div标签创建一个模块,再使用p标签,b标签创建测试的内容。

3、在testhtml文件中,设置b标签的id属性为son,主要用于下面通过该id获得b标签对象。

4、在testhtml文件中,使用button标签创建一个按钮,按钮名称为“获得父节点的父节点的兄弟节点内容”。

5、在testhtml文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getcon()函数。

6、在js标签内,创建getcon()函数,在函数内,通过id(son)获得b标签对象 ,重复使用parent()方法获得b标签的父节点的父节点,再使用siblings()获得b标签的父节点的父节点的兄弟节点,通过eq(0)获得第一个兄弟节点,使用text()获得兄弟节点的内容。最后,使用alert()方法将内容输出。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12978114.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-29
下一篇 2023-05-29

发表评论

登录后才能评论

评论列表(0条)

保存