javascript - jQuery - 隐藏具有 span 元素且内部包含某些文本的 DIV

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

如果您的代码隐藏了跨度，但没有隐藏父 div，则可以使用与您已编写的代码基本相同的代码来定位要隐藏的 div。

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