javascript – 检查类是否存在于父级的某个地方 – vanilla JS

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 检查类是否存在于父级的某个地方 – vanilla JS，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含896字，纯文字阅读大概需要2分钟。

内容图文

我真的很难看到如何做到这一点.我想检查一个类是否存在于元素的一个父元素中的某个地方.

我不想使用任何库,只需使用vanilla JS.

在下面的示例中,如果有问题的元素位于元素的子节点中,并且“the-class”作为类名,则它应返回true.

我认为jQuery会是这样的：

if( $('#the-element').parents().hasClass('the-class') ) {
    return true;
}

所以这返回true：

<div>
    <div class="the-class">
        <div id="the-element"></div>
    </div>
</div>

这样做：

<div class="the-class">
    <div>
        <div id="the-element"></div>
    </div>
</div>

…但是这会返回false：

<div>
    <div class="the-class">
    </div>
    <div id="the-element"></div>
</div>

解决方法:

你必须递归地做：

// returns true if the element or one of its parents has the class classname
function hasSomeParentTheClass(element, classname) {
    if (element.className.split(' ').indexOf(classname)>=0) return true;
    return element.parentNode && hasSomeParentTheClass(element.parentNode, classname);
}

Demonstration(打开控制台看真的)

内容总结

以上是互联网集市为您收集整理的javascript – 检查类是否存在于父级的某个地方 – vanilla JS全部内容，希望文章能够帮你解决javascript – 检查类是否存在于父级的某个地方 – vanilla JS所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端