[英]How to hide a parent div if children contains a certain text/string?
Here's my code: 这是我的代码:
<div class="row word-style table-border">
<a href="#" target="_blank">
<div class="col-md-1 underlined">00184799</div>
</a>
<div class="col-md-1">
Salesforce Case
</div>
<div class="col-md-3">
Machine Down
</div>
<div class="col-md-1">
Machine Down
</div>
<div class="col-md-1">
Internal Request
</div>
</div>
I want to hide the whole entire div if ever the text Internal Request is present. 如果文本“内部请求”出现,我想隐藏整个div。
You need to use the DOM API for this, 您需要为此使用DOM API,
$containers = document.querySelectorAll("div.row.word-style.table-border");
for($container of $containers) {
if ($container.innerText.includes('Internal Request')) {
$container.style.display = "none" ;
}
}
Below code should work for you: 下面的代码应该为您工作:
$('.row .col-md-1').each(function(index,col){
if($(col).text() == 'Internal Request'){
$(col).hide();
}
})
Many ways to peel this apple. 剥苹果的方法很多。 Here's one: 这是一个:
var row=document.querySelector(".row"); var children = row.childNodes children.forEach(c=>{ if(c.innerHTML&&c.innerHTML.indexOf("Internal Request") !== -1) { row.className+=" hidden" } });
.hidden{ display: none; }
<div class="row word-style table-border"> <a href="#" target="_blank"> <div class="col-md-1 underlined">00184799</div> </a> <div class="col-md-1"> Salesforce Case </div> <div class="col-md-3"> Machine Down </div> <div class="col-md-1"> Machine Down </div> <div class="col-md-1"> Internal Request </div> </div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.