Цикл, чтобы найти метку, затем изменить текст

Question

У меня есть следующая разметка, генерируемая CMS:

<div class="product">
<div class="blk">
  <span>
    <br>
    <label>Size</label>
    <select onchange="" name="">
  </span>
  <span>
    <br>
    <label>Colour</label>
    <select onchange="" name="">
  </span>
</div>
</div>

Мне нужно заменять текст метки всякий раз, когда присутствует «Размер».Я пробовал различные коды ... такие как:

$('.productOptionsBlock .blk span label').each(function() {
    if ($(this).('label:contains("Size")').length > 0) {
        $(this).replaceWith('<span>Alternative text</span>');
    }
});

Но я не могу заставить замену работать.Я путаюсь с использованием $(this) и с тем, как прикрепить содержимое ярлыка ...

Answer 1

Нет необходимости в цикле для этой задачи, вы просто применяете то же самое к селектору:

$('.productOptionsBlock .blk span label:contains("Size")').replaceWith('<span>Alternative text</span>');

Проверьте демонстрацию

Answer 2

$(this).('label:contains("Size")') ничего не делает.

Возможно, вы имели в виду:

if ($(this).is('label:contains("Size")')) {

---

Вам не нужен явный цикл, хотя:*