1

Есть код html

<span class="span_prise">0<span> грн</span></span>
<span class="span_prise">129<span> грн</span></span>
<span class="span_prise">203<span> грн</span></span>

Как на стороне клиента заменить содержимое всех span, у которых контент 0 (нулевая цена)? (в данном примере - только у первого элемента). Или сделать его невидимым, или выбрать при помощи CSS/js/jquery.

2
  • заменить на что? 25 фев 2016 в 10:42
  • На "Цену уточняйте". Но это неважно, на любые символы 25 фев 2016 в 10:55

2 ответа 2

1

$(".span_prise").each(function () {
  var $this = $(this);
  
  if (parseFloat($this.text().replace(",", ".")) === 0) {
    $this.replaceWith("<strong>Бесплатно!</strong>")
  }
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<span class="span_prise">0<span> грн</span></span>
<span class="span_prise">129<span> грн</span></span>
<span class="span_prise">203<span> грн</span></span>

1

Команду price[i].style.background = 'red'; замените на нужную вам, т.к. не понятно, что вы хотите с этой строкой сделать. Чтобы сделать невидимой, например, пропишите price[i].style.visibility = 'hidden';

var price = document.querySelectorAll('.span_prise');
for ( var i = 0; i < price.length; i++) {
  if ( price[i].innerHTML == "0<span> грн</span>" ) {
    price[i].style.background = 'red';
  }
};
<span class="span_prise">0<span> грн</span></span>
<span class="span_prise">129<span> грн</span></span>
<span class="span_prise">203<span> грн</span></span>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.