Не могу понять как правильно изменить текст через JS?

Question

[Михаил Смирнов]

Создаю форму в ней span с присваиваемым id

<div class="inputPoint">
  <input class="point" name="vers[4]" type="radio" value="1" id="4-1" data-price="38">P9(1 год)<span class="inpPrice" id="4-1">38руб.</span><br>
  <input class="point" name="vers[4]" type="radio" value="2" id="4-2" data-price="120">С5(2 года)<span class="inpPrice" id="4-2">120руб.</span><br>
  <input class="point" name="vers[4]" type="radio" value="3" id="4-3" data-price="180">С7,5(3 года)<span class="inpPrice" id="4-3">180руб.</span><br>
</div>

Далее при условии пытаюсь изменить текст в span но не выходит

if (data[key].count2<=0){
    keyid=data[key].id+'-2'; // получаем 4-2
    console.log(keyid);
    $('span[id="'+keyid+'"]').text("-----");
}

По итогу должно поменяться значение со 120руб. на ----- но не выходит, и ошибку не выдаёт

Answer 1

[Валентин]

Во-первых, у тебя id в документе все должны быть уникальные.
Во-вторых, не знаю что у тебя за data[key].count2, но можно вот так сделать

$('.inpPrice').each((idx, el) => {
	if (somecoolvariable > 2) {
  	$(el).html('---');
	}
})

Comments

[Михаил Смирнов]

Спасибо!