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' -->

基本上，如果#div4。

的内容，我需要隐藏#div1 == 'Dynamic Content'

提前谢谢！

Answer 1

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

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

Example Here

Answer 2

$('#div4').css('display',($('#div1:contains("Dynamic Content")').length)?'none':'block')

<强> jsFiddle example

Answer 3

if ($("#div1").html() === "Dynamic Content") {
  $("#div4").hide();
}

如果您需要，我会用更多信息更新此答案。

Answer 4

检查相关div是否包含内容，然后根据需要隐藏其他内容......

if( $('#div1:contains(Dynamic Content)').length ) {
    $('#div4').hide();
}

如何基于来自另一个div的内容使用jQuery隐藏div

4 个答案: