繁体   English   中英

如何在jQuery中的特定父项下查找类名

How to find a classname under a specific parent in jquery

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我在这里有问题。 请参考下面的html代码:

<div class="main">
    <div class="second1">
        <div class="third1">
            <p></p>
        </div>
    </div>
    <div class="second2">
        <div class="third1">
            <h1></h1>
        </div>      
    </div>
</div>

我想知道second1和second2之间的哪个类具有h1标签。 因为如果要在second2下找到“ h1在这里”,我想发出警报,否则“ h1在这里”

2 个回复

只需定位到$('h1') ,然后就可以使用.parent()来获取父元素,并使用.attr('class')来获取类名。

可以在以下内容中看到:

 console.log($('h1').parent().attr('class')); 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="main"> <div class="second1"> <div class="third1"> <p></p> </div> </div> <div class="second2"> <div class="third1"> <h1></h1> </div> </div> </div> 

或者 ,如果您特别想在.second2下获取<h1>标记,则可以将.find()用作$('.second2').find('h1')

可以在以下(略作修改的)代码中看到:

 console.log($('.second2').find('h1').parent().attr('class')); 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="main"> <div class="second1"> <div class="third1-in-second1"> <h1></h1> </div> </div> <div class="second2"> <div class="third1-in-second2"> <h1></h1> </div> </div> </div> 

您可以检查一类的存在.hasClass()你会想检查祖父母( .parent().parent()具有类second2

可以在以下内容中看到:

 if ($('h1').parent().parent().hasClass('second2')) { alert('h1 is here'); } else { alert('h1 is NOT here'); } 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="main"> <div class="second1"> <div class="third1"> <p></p> </div> </div> <div class="second2"> <div class="third1"> <h1></h1> </div> </div> </div> 

let secondClass = $('.main').find('h1').parent().parent().attr('class');
console.log("h1 tag is on" + secondClass);

if(secondClass === "second1"){
    //...
    alert("h1 is in second1");
}else{
    //...
    alert("h1 is in second2");
}
1 在特定的类名中查找父div

我有许多不同的div名称,并且每个div都具有相同的div和相同的类名称。 范例: 等等 我想.block1-1或.block1-11根据.caption类名。 因为我有很多div,而且我想最小化jquery代码。 请帮忙,谢谢。 ...

2 如何在html中查找特定的类名

我是新手,开始学习编写HTML。 在我的代码中,情况是当我点击一个按钮时,我使用$(event.currentTarget).parents('.page-container')来获取currentTarget的整个html元素然后我拥有所有元素下面: 我想要做的是我想找到所有具有cl ...

4 使用具有特定类名的jquery在上下文中查找父元素

当它具有特定的类名称时,我正在尝试查找链接的父元素。 我有以下列表用作导航菜单,加载页面时,我在li(has-subitem)内部的ul(subitem)已关闭(display:hidden)。 现在,我想根据我所在的页面打开其中一个。 为此,我正在尝试这样做。 每当我在“ ...

6 如何在 C# 中的分层列表父项下查找子项总数和孙子级别数

我的项目中有一个树形菜单。 数据如下所示 我创建了一个用于保存数据的分层列表 我的递归方法将从表中获取数据并将其绑定到层次结构列表 我想在这里得到的是每个父母的孩子/孙子的总数。 例如 Parent A 有 child B 和 Child B 有 Child C &amp; D,那么 A ...

7 Jquery - 查找具有类名的最近父级

在我的应用程序中,我想找到一个具有类名的最近的父元素,一个被点击的元素。 为此,我有以下代码与最接近的方法。 我知道它具有使用选择器获得最接近元素的功能。 但在这里我给了一个类名作为选择器; 问题是如果当前元素及其父元素具有相同的类.selectable ,它将返回当前元素本身。 ...

2015-01-14 12:22:11 5 4473   jquery
8 在jQuery中查找匹配的类名

我在页面中有一系列图像缩略图。 它们是使用css sprites创建的。 我最初使用id="galleryImg1"但更改为使用class="galleryImg1"因为图像可能出现在同一页面上的多个位置,我想避免重复的ID。 我有一个jQuery选择器将click事件附加到所有 ...

2009-02-16 04:56:03 4 27676   jquery
9 jQuery查找特定输入的父级并应用类

我有一个内部带有复选框的选择div,我正尝试使用自举按钮和jQuery设置样式。 每个input checkbox采用php "checked"属性。 所以我需要的是: 找到所有“已检查”的inputs ,转到parent标签,最终addClass active 。 我的h ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM