Jquery如何判断父元素的属性是否为指定值

Jquery如何判断父元素的属性是否为指定值,第1张

例子:\x0d\html代码:\x0d\你好\x0d\jquery代码:\x0d\$(function(){\x0d\ var color = $("span")parent()attr("color");//先定义变量获取父元素的color属性值;\x0d\\x0d\ if ( color == "red") //获取的父元素属性值是否为指定值“red”(为指定值)\x0d\\x0d\ {\x0d\ //如果为指定值执行;\x0d\\x0d\ }\x0d\\x0d\ else{\x0d\ //不为指定值执行; \x0d\ }\x0d\})回答于 2022-12-14

jquery的parent()方法,可以直接获取指定dom对象的父元素,但是获取table元素的时候需要注意直接用parent()方法拿到的不是table的对象哦,是tbody,tbody在取父元素才是table

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

以上就是关于Jquery如何判断父元素的属性是否为指定值全部的内容,包括:Jquery如何判断父元素的属性是否为指定值、jquery怎么获取checkbox的父table、用jquery怎么取父节点的兄弟节点的所有子节点等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9641989.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存