jquery - 如何根据另一个 div 的内容使用 jQuery 隐藏一个 div

Question

我试图根据另一个 div 的简短内容隐藏一个 div 元素。 有人可以帮忙吗？

这是一个例子:

<div class="specs" id="div1">Dynamic Content</div>
<div class="specs" id="div2">Content 2</div>
<div class="specs" id="div3">Content 3</div>
<div class="specs" id="div4">Static Content</div> <!-- Hide this div element if #div1 content = 'Dynamic Content' -->

基本上，如果 #div1 == 'Dynamic Content' 的内容，我需要隐藏 #div4。

提前致谢!

Answer 1

将文本转换为小写，并使用$.trim()删除可能的空格:

if($.trim($('#div1').text().toLowerCase()) === 'dynamic content'){
    $('#div4').hide();
}

Example Here