javascript/jQuery hide wenn html gleich 0 ist

Question

Ich habe diese Seite www.piano-warehouse.co.uk/category/upright-pianos/ mit Wordpress gebaut und habe ein Plugin für die Berechnung der Menge an Geld verwendet, die gespeichert wurde, wenn ein Rabatt auf ein Produkt angewendet wurde. Ich möchte das Setup so ändern, dass, wenn kein Rabatt angewendet wurde und kein Betrag gespeichert wurde, um den Abschnitt zum Speichern zu verbergen. Ich nehme an, dass Javascript oder jQuery das Ticket ist, aber ich habe ein sehr grundlegendes Verständnis dieser Sprachen und würde wirklich jede Hilfe bei der Erstellung dieser Abfrage zu schätzen wissen.

Bisher habe ich versucht, diese zu meinen Funktionen ohne Freude Datei

function you_save_hide() { 
    if ($("span.yousave_list_price").text() == "0") { 
     $("span.yousave_list").hide(); 
    } 
} 

Answer 1

Von Link kann ich sehen, ob $("span.yousave_list_price") ein anderes DOM-Element enthält

<span class="yousave_list_price"> 
<span class="amount">Some Value</span> 
</span> 

Also, wenn Sie versuchen, diese span.yousave_list_price zu verstecken, die Sie möglicherweise so tun müssen

var _getAmountList = $('.amount'); 
_getAmountList.each(function(){ 
// equalizing with £0 just for demo 
// You can use regex with fine tune it. 
if($(this).text().trim() ==="£0"){ 
    $(this).parent().hide() 
} 
}) 

JSFIDDLE

Answer 2

ich Ihre Website überprüft, ist span.yousave_list_price das nächste Element span.yousave_list und ich bin sicher, dass Sie nicht taten Ich möchte alle span.yousave_list von 0. verstecken. Aber nur diejenigen, die span.yousave_list_price hat. Also werden wir alle span.yousave_list_price auswählen -> prüfen, ob der Text 0 -> ist, dann wählen wir seine Eltern und -> innerhalb der Eltern verstecken wir die span.yousave_list.

function you_save_hide() { 
    $("span.yousave_list_price").each(function(){ 
     if ($(this).text().trim() == "0"){ 
      $(this).parent().closest("span.yousave_list").hide(); //hide the nearest .yousave_list when the yousave_list_price equals 0 
     } 
    }); 
} 

wenn Sie diese Funktion beim Laden der Seite ausgeführt werden dann sicher sein, es zu nennen innerhalb $(document).ready(function(){...}

Answer 3

Sie müssen sicherstellen, dass die Seite bereit ist, wenn Sie diese Funktion aufrufen

$(document).ready(function(){ 
    you_save_hide(); 
});