Jquery .has(“标记”)筛选器显示没有元素的标记具有它们
Jquery .has(“标记”)筛选器显示没有元素的标记具有它们
提问于 2017-08-11 07:35:19
我试图通过Jquery过滤包含li标记的ul标记。Jquery显示没有元素的标记具有元素。
$(".mobile_menu>ul>li").click(function(event) {
/* Act on the event */
console.log("clicked");
if($(this).has(".ul")){
console.log("it has ul");
console.log($(this));
}
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="mobile_menu">
<div class="title">Title</div>
<ul>
<li>1</li>
<li>2
<ul class="none">
<li>1</li>
<li>2</li>
</ul>
</li>
<li>3</li>
</ul>
</div>
回答 2
Stack Overflow用户
回答已采纳
发布于 2017-08-11 07:40:02
你快拿到了，用$(this).has("ul").length > 0
首先，从.has(".ul")中删除点，因为ul不是class。
<- credit to T.J.Crowder ->
您甚至可以使它更短一点，并使用$(this).has("ul").length
has“返回一个jQuery对象，而不是标志。jQuery对象总是真实的。”
$(".mobile_menu>ul>li").click(function(event) {
/* Act on the event */
console.log("clicked");
if ($(this).has("ul").length > 0) {
console.log("it has ul");
console.log($(this));
}
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="mobile_menu">
<div class="title">Title</div>
<ul>
<li>1</li>
<li>2
<ul class="none">
<li>1</li>
<li>2</li>
</ul>
</li>
<li>3</li>
</ul>
</div>
Stack Overflow用户
发布于 2017-08-11 07:39:33
您可以使用find和length来检查当前li是否有ul
$(".mobile_menu>ul>li").click(function(event) {
/* Act on the event */
console.log("clicked");
if ($(this).find("ul.none").length) {
console.log("it has ul");
}
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="mobile_menu">
<div class="title">Title</div>
<ul>
<li>1</li>
<li>2
<ul class="none">
<li>1</li>
<li>2</li>
</ul>
</li>
<li>3</li>
</ul>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45629475
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号