Hide divs, wenn ein anderes div einen bestimmten Text hat

Question

Dies ist im Grunde eine Storefront-Site. Ich möchte in der Lage sein, den Preis als "Login For Cost" anzeigen zu lassen, wenn der Kunde nicht eingeloggt ist. Wenn er nicht eingeloggt ist, ist der Preis für alles auf "$ 0.00" voreingestellt.

Zusammen mit der Änderung des Preises zu "Login For Cost", ich möchte die divs ausblenden, die die Schaltfläche "Add to cart" enthalten und Schaltflächen vergleichen.

Ich folgte ein example (unter „Hinzufügen der Javascript“ gefunden) Ich fand online und das ist, was ich mit so weit ..

<script type="text/javascript"> 
$(document).ready(function() { 
    $('.p-price em:contains("$0.00")').text("Login for Cost"); 
    $('.p-price:contains("$0.00")').text("Login for Cost"); 
}) 
</script> 

<script type="text/javascript"> 
$(document).ready(function() { 
    if ($('.p-price').html()=='Login for Cost') { 
    $('.ProductActionAdd').hide(); 
    $('.ProductCompareButton').hide(); 
    $('.CompareButton').hide(); 
    } else { 
    $('.ProductActionAdd').show(); 
    $('.ProductCompareButton').show(); 
    $('.CompareButton').show(); 
    } 
}) 
</script> 

Das erste Skript funktioniert kam, wo der Preis geändert werden "Login for Cost", wenn nicht angemeldet und zeigt den tatsächlichen Preis, wenn eingeloggt. Das zweite Skript verbirgt die 3 divs sowohl wenn eingeloggt und nicht angemeldet.

Jede Hilfe ist willkommen! Danke im Voraus!

Answer 1

Verwendung von == in JavaScript ist eine schlechte Praxis. Verwenden Sie stattdessen === wie folgt und sehen Sie, ob es funktioniert. Und auch .text() anstelle von .html():

<script type="text/javascript"> 
$(document).ready(function() { 
if ($('.p-price').text()==='Login for Cost') { 
//Your code to hide 
} else{ 
//Your code to show 
}) 
</script>