jQueryで正確なテキストを変更します

Question

私のウェブサイトにはテキストを含むdivがあります。

私はこのjQueryのコードを使用してそれを行うことができ、「0,00」「オンデマンド価格」による

テキストを変更したい

<div class="bloc_thumb_produit"> 
    <span class="price"> 
     <span class="woocommerce-Price-amount amount">0,00 
     <span class="woocommerce-Price-currencySymbol">&euro;</span> 
     </span> 
    </span> 
</div> 

：

$(".bloc_thumb_produit .price .amount:contains('0,00')").html("price on demand"); 

それが正常に動作しますが、場合にのみ、テキストが「0,00」であり、テキストが「40,00」である場合、テキストも変更される。

私はこれ持って、「0,00」正確なテキストと一致し、また、テキストの周りにスパンを削除する方法を見つけるためにしようとしている。これに代えて

<div class="bloc_thumb_produit"> 
    <span class="price"> 
     <span class="woocommerce-Price-amount amount">price on demand</span> 
    </span> 
</div> 

：

<div class="bloc_thumb_produit"> 
    <span class="price"> 
     <span class="woocommerce-Price-amount amount"> 0,00 
     <span class="woocommerce-Price-currencySymbol">&euro;</span> 
     </span> 
    </span> 
</div> 

Answer 1

を

最初のオプションとして、ここにifの条件が必要な場合があります。startsWith0,0です。

if ($(".bloc_thumb_produit .price .amount").text().startsWith("0,00")) 
 
    $(".bloc_thumb_produit .price .amount").html("price on demand");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="bloc_thumb_produit"><span class="price"><span class="woocommerce-Price-amount amount">0,00<span class="woocommerce-Price-currencySymbol">&euro;</span></span> 
 
    </span> 
 
</div>

ない場合、あなたはその後、amountを含むようにあなたのhtmlに余分data-*属性を追加し、次のようにif条件なしでそれを使用することができ、第二のオプションを検討することができます。

$(".bloc_thumb_produit .price .amount[data-amt^='0,00']").html("price on demand");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="bloc_thumb_produit"><span class="price"><span class="woocommerce-Price-amount amount" data-amt="0,00">0,00<span class="woocommerce-Price-currencySymbol">&euro;</span></span> 
 
    </span> 
 
</div>