ein Div ausgeblendet basierend auf einem anderen Div Klasse

Question

Den Versuch, ein div zu verstecken, basierend auf einem anderen div

<script> 

$(document).ready(function() {(

if($("p").hasClass('.out-of-stock')) { 
$('#enquiry').hide(); 
} 

}); 

</script> 

aber es nicht funktioniert es nicht

bei

Live-Portal nicht verstecken - http://trent-art.co.uk/shop/william-atherton-christmas-around-the-corner/

Versuchen Sie, die Schaltfläche "Angebot einreichen" zu verbergen, wenn der Artikel nicht auf Lager ist.

Answer 1

<script> 

jQuery(document).ready(function($) { 

if($('#foamy').hasClass('out-of-stock')) { 
$('#enquiry').hide(); 
} 

}); 

</script> 

gab die p eine ID!

Answer 2

Zuerst entfernen Sie das "." in der .hasClass() -Methode.

Zweitens: Haben Sie statt mit .is ('. Out-of-stock') stattdessen .hadClass ('. Out-of-stock) versucht?

Drittens: Möchten Sie, dass die .hide() Aktionen nur auf dem DOM-Ready ausgeführt wird?

Sie Code einfach auf das Dokument bereit als Stop laufen. Wenn das Dokument fertig ist, überprüft das Skript, ob Ihr <p>-Tag die Klasse "out-of-stock" hat und danach nie mehr danach sucht.

Wenn Sie möchten, dass die Überprüfung der Klasse immer ausgeführt wird, müssen Sie mit Ereignissen spielen, also .trigger() und .on().