2014-09-10 61 views
0

我試圖讓我的div隱藏,如果另一個div存在,並在網上查看示例後,我不知道我在做什麼錯誤。任何幫助是極大的讚賞。謝謝!檢查是否存在一個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> 
+0

我寫了一個答案,但很難將您實際的代碼沒有更多的信息,比如你的HTML或JS提琴。 – Dan 2014-09-10 22:13:17

+0

你可以證明這不工作,它看起來應該... – 2014-09-10 22:14:13

+0

我看不出爲什麼我的代碼和@Dan代碼也不會工作。 – tjoenz 2014-09-10 22:21:48

回答

0

使用length檢查,如果一個div存在。

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

如果#gform_confirmation_message_1存在,則隱藏#required-field

JS Fiddle Demo

+0

試過這個,但仍然無法正常工作...嗯 – tjoenz 2014-09-10 22:22:07

+0

這是如此奇怪,我看到你的作品在小提琴中,但這對我也不起作用。我再次嘗試,兩個div仍然顯示。可能是一個緩存問題。讓我檢查一下 – tjoenz 2014-09-10 22:33:19