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()方法将内容输出。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)