jQuery로 정확한 텍스트 변경

Question

텍스트가 포함 된 내 웹 사이트에 div가 있습니다.

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

그것은 잘 작동하지만 때

<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> 

나는 "0,00"

내가이 jQuery 코드를 사용하여 작업을 수행 할 수 있습니다 "수요에 대한 가격"에 의해 텍스트를 변경하려면 텍스트가 "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

첫 번째 옵션으로 여기에 조건이 필요하면 startsWith00을 확인하십시오.

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>