Question

我有几个具有相同类名和不同ID的div。我没有为我需要定位的文字设置ID

我需要定位电话呼叫文本。如果div包含该文本，如何隐藏包含div

<div id="rn_FieldDisplay_155" class="rn_FieldDisplay rn_Output">
   <span class="rn_DataLabel">Telephone Call </span>
   <div class="rn_DataValue">No</div>
</div>

我尝试过以下无效

<script>
$(document).ready(function() {
  $(".rn_FieldDisplay > span:contains('Telephone Call')").hide ();
});
</script>

Answer 1

如果您的代码隐藏了span，而不是父div，则可以使用与您编写的代码相同的代码来隐藏div。

<script>
$(document).ready(function() {
    $(".rn_FieldDisplay > span:contains('Telephone Call')").parent().hide();
});
</script>

Answer 2

尝试选择它的孩子而不是元素本身：

$(document).ready(function() {
    $(".rn_FieldDisplay *:contains('Telephone Call')").hide ();
});

Answer 3

尝试使用find()功能

$(document).ready(function() {
    $(".rn_FieldDisplay").find(":contains('Telephone Call')").hide ();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="rn_FieldDisplay_155" class="rn_FieldDisplay rn_Output">
    <span class="rn_DataLabel">Telephone Call </span>
    <div class="rn_DataValue">No</div>
        <p class="rn_DataLabel">Telephone Call </p>
</div>

Answer 4

你可以试试这个：

if ($(".rn_FieldDisplay > span:contains('Telephone Call')").length > 0) {
    $(".rn_FieldDisplay > span").hide();
}

jQuery - 隐藏具有包含特定文本的span元素的DIV

4 个答案: