如果div在jQuery中包含特定字符串，則隱藏div

Question

我想檢查頁面上的元素是否包含文本短語，它是否顯示了另一個隱藏容器？ 例如，“＃product-description”包含“ best gift”，然后在產品圖片上方顯示一個隱藏的容器“＃best-gift-graphic”。 我已經找到了解決這個問題的方法，可以解決部分問題，但是我似乎無法將所有內容結合在一起。

我找到了隱藏包含文本的元素的解決方案：

<script type="text/javascript">
 $(document).ready(function () {
  $("div p:contains('text')").parent('div').hide();
 });
</script>

我需要將show / hide應用於第二個容器，而不是包含目標短語的容器。這對jquery來說確實很新，只想了解語法。 謝謝您的期待。

Answer 1

您需要檢查長度以查看是否存在任何項目，然后可以使用.hide()隱藏相應的元素（如果存在）：

 if ($('#product-description:contains("best gift")').length) { // check if this exists $('#best-gift-graphic').hide(); // hide this } 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="product-description">best gift</div> <div id="best-gift-graphic">this is hidden</div>