Question

我想通过div id检查div是否包含某些单词，然后通过其id隐藏其他div。

喜欢这个代码段 - http://jsfiddle.net/EwpWA/211/

我的例子

<div id="search-result-data">NO Result</div>

<div id="navigationbottom">Hide this content</div>

如果div search-result-data包含单词NO Result，则隐藏div navigationbottom

我们如何用php或jquery来实现这个目标

Answer 1

这就是你想要的吗？

if ($("#search-result-data:contains('NO Result')").length)
  $("#navigationbottom").hide();
else
  $("#navigationbottom").show();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="search-result-data">NO Result</div>
<div id="navigationbottom">Hide this content</div>

Answer 2

希望以下帮助

$(document).ready(function(){
    str = $('#search-result-data').text();
    if(str.indexOf("NO Result") >= 0){
       $('#navigationbottom').hide();
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="search-result-data">NO Result</div>

<div id="navigationbottom">Hide this content</div>

Answer 3

这是一个简单的解决方案，希望它有所帮助：

$(document).ready(function () {
    $("div").each(function(){
        if($(this).html() == "No Result"){
   	   $(this).hide()
        }
   });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<div id="search-result-data">No Result</div>

<div id="navigationbottom">Hide this content</div>
</body>

检查Div是否包含某些字符串然后隐藏其他div

3 个答案: