htmlが0の場合はjavascript/jQueryが表示されません

Question

私はこのサイトをWordpressを使用してwww.piano-warehouse.co.uk/category/upright-pianos/に構築しており、割引が商品に適用された場合に保存される金額を計算するプラグインを利用しています。私は、割引が適用されておらず、あなたがセクションを隠すために保存された金額がないように設定を変更したいと思います。私はjavascriptまたはjQueryがチケットになると仮定しますが、これらの言語について非常に基本的な理解があり、このクエリを構築する際の助けに本当に感謝しています。

これまでのところ、私は私の機能にこれを追加しようとしましたが、私はあなたのウェブサイトをチェックしていない喜び

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

Answer 1

以内にそれを呼び出してくださいspan.yousave_list_priceこれを隠そうとしている場合は、このようにする必要があります

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

を持つファイル、span.yousave_list_priceはspan.yousave_listする次の要素であると私はあなたがいなかったと確信しています0のすべてのspan.yousave_listを非表示にしたいと思っていますが、span.yousave_list_priceを持つものだけです。したがって、すべてのspan.yousave_list_price - >テキストが0であるかどうかをチェックし、親を選択し、親の中で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 
     } 
    }); 
} 

あなたは、ページの読み込みでこの機能を実行しているならば、$("span.yousave_list_price")は

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

だからもし別のDOM要素が含まれている場合は、私が見ることができるリンクから$(document).ready(function(){...}

Answer 3

この関数を呼び出すときにページが準備ができていることを確認する必要があります

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