如何解决使用 jQuery 隐藏表中显示的所有子元素
当我在表格上应用搜索时,我试图隐藏表格行的所有显示的子项。但我无能为力。这是我的代码。不知道怎么回事。
var table = $("#tblTemplateList").DataTable();
$("#tblTemplateList tr").each(function(index,tr){
if($(tr).child.isShown()){
$(tr).child.hide();
}
});
解决方法
这个小例子
function hiderows() {
$("#tblTemplateList tr").each(function(index,tr) {
if ($(tr).is(":visible")) {
$(tr).hide();
} else {
$(tr).show();
}
});
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="tblTemplateList">
<tr><td>row1</td></tr>
<tr><td>row2</td></tr>
</table>
<button type="button" onclick="hiderows()">
Hide/Show Rows
</button>
可能有帮助
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。