检查是否存在 div 类以隐藏另一个 div答案

【问题标题】：Checking if a div class is present to hide another div检查是否存在 div 类以隐藏另一个 div
【发布时间】：2014-09-10 22:04:41
【问题描述】：

如果存在另一个 div，我正在尝试隐藏我的 div，并且在查看在线示例后，我不确定我在这方面做错了什么。任何帮助是极大的赞赏。谢谢！

$('#required-field').toggle(!$('#gform_confirmation_message_1').length);

HTML：

<div id="gforms_confirmation_message" class="gform_confirmation_message_1">
  <meta charset="UTF-8">
  <div id="gform_confirmation_wrapper_1" class="gform_confirmation_wrapper ">
    <div id="gform_confirmation_message_1" class="gform_confirmation_message_1 gform_confirmation_message">
      Thank you for contacting us. We will make every effort to respond to you inquiries shortly.
    </div>
  </div>
</div>

<div id="required-field">* Required Fields</div>

【问题讨论】：

我写了一个答案，但是如果没有更多信息（例如 HTML 或 JS Fiddle），很难合并您的实际代码。
你能证明这不起作用吗，看起来应该......
我不明白为什么我的代码和@Dan 代码也不起作用。
在这里工作：jsfiddle.net/9esvtakc，您提供的 JS 也是如此。检查您的控制台是否有错误。

标签： jquery toggle show-hide

【解决方案1】：

使用length 检查是否存在 div。

$( document ).ready(function() {
    if($("#gform_confirmation_message_1").length > 0){ 
        $("#required-field").hide();
    }
});

如果存在#gform_confirmation_message_1，则隐藏#required-field。

JS Fiddle Demo

【讨论】：

这太奇怪了，我看到你的作品在小提琴中，但这对我也不起作用。我又试了一次，两个 div 仍然显示。可能是缓存问题。让我检查一下