如果子节点包含类,则隐藏父节点
Hide parent if child contains class
我遵循这个jQuery:If包含子元素有特定的类别吗?但是它在我的代码中不起作用:
$(function() {
$(".video-list-item").filter(function() {
return $('span', this).hasClass('.view-count');
}).hide();
});
https://jsfiddle.net/xzeeuotL/有两件事需要解决,但你已经很接近了。
1)您没有包含Jquery
作为JSFiddle的库
2)在hasClass
方法中,您需要删除类名中的.
$(function() {
$(".video-list-item").filter(function() {
return $('span', this).hasClass('view-count');
}).hide();
});
这是一个工作小提琴
https://jsfiddle.net/rn2jzpfc/你差一点。只是你代码中的一个错误。当你检查是否有hasClass
时,不需要有.
的序言。
还要记住你需要包含jquery。
$(function() {
$(".video-list-item").filter(function() {
return $('span', this).hasClass('view-count');
}).hide();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="video-list-item">
<span class="view-count">HIDE THIS</span>
</div>
<div class="video-list-item">
<span>DON'T HIDE THIS</span>
</div>
你可以不使用Jquery
下面是一个使用纯javascript的例子。var divSel = document.querySelectorAll('.video-list-item > .view-count');
for (var i = 0; i < divSel.length; i++) {
divSel[i].parentElement.style.display = "none";
}
<div class="video-list-item">
<span class="view-count">HIDE THIS</span>
</div>
<div class="video-list-item">
<span>DON'T HIDE THIS</span>
</div>
下一个代码返回具有view-count
类的元素的video-list-item
类的父类;然后隐藏父节点。我认为这比你的方法更简单:
$(".view-count").closest('.video-list-item').hide();
更新JSFiddle: https://jsfiddle.net/tomloprod/xzeeuotL/2/
另一个解决方案:
$(function() {
$('.video-list-item').find('span.view-count').hide();
});
您必须根据您的情况更改该语法。
你必须确保你的<td>
有一个类名,如"。video-list-item",稍后将$('span', this)
更改为$('input', this)
,当然,您输入的类名将像view-count
一样。像这样……
$(function() {
$(".video-list-item").filter(function() {
return $('input', this).hasClass('view-count');
}).hide();
});
<td class="video-list-item">
<input class="view-count">
</td>
我希望它能帮助你…美好的一天! ! 如果你想删除包含特定类的子元素的最接近的父元素,
<div class="closest_parent">
<div></div>
<div class="child_class"></div>
</div>
$('.child_class').closest('.closest_parent').remove();
相关文章:
- 在自定义截面树中获取父节点
- 是否可以在不重新渲染的情况下显示/隐藏父对象中的元素
- 如何避免在取消选中子节点时取消选中父节点
- 如果未选中子节点,则未选中父节点
- 仅使用某些子节点访问xml中父节点的子节点
- 如何以编程方式在 jsTree 中选择一个节点并打开所有父节点
- 使用Javascript设置带有子节点的父节点的类's文本等于.
- 如何确定父节点是否有子节点
- Javascript在没有jQuery的情况下获取X父节点
- 如何从wijmo-flex网格的树视图中的节点转到父节点
- 在没有 jquery 的情况下更改子节点(父节点具有 ID)中的链接文本
- JQuery 选择父节点并更改其类名
- Javascript:显示/隐藏HTML节点
- 什么脚本隐藏父菜单项
- 如何删除javascript中的节点,而不需要父节点为null
- 如果未全部选中子节点,则取消选中父节点
- 如何在JavaScript中删除子节点触发点击事件时的父节点
- 如果子节点包含类,则隐藏父节点
- 如何使用jQuery隐藏没有类或ID的元素…当父节点也没有id时
- Javascript -只在父节点点击时隐藏