JQuery соответствует всем словам в строке

Question

У меня есть сценарий, который заменяет текст и добавляет класс. Он отлично работает, но у меня есть два класса, которые оба имеют «новое» в них, а затем содержат не работают. Как я могу совместить все слова в строке?

код:

$('body').ready(function(){ 
    $("span.conditionHilite:contains('Begagnat')").text('Refurbished').addClass("refurbHilite"); 
    $("span.conditionHilite:contains('New Spares')").text('New spares').addClass("refurbHiliteSpares"); 
    $("span.conditionHilite:contains('New')").text('New').addClass("refurbHiliteNew"); 
}); 

Answer 1

Чтобы выбрать интервал, содержащий точное значение текста, попробуйте следующее:

$('span').filter(function(){ return $(this).text() == 'New Spares'; }).text('New spares').addClass("refurbHiliteSpares"); 

.filter позволяет применить логику к элементам и возвращать только те, которые соответствуют тест (ы) назад.

Answer 2

Изменения contains в has

$(function(){ 
 
    $("span.conditionHilite:has('Begagnat')").text('Refurbished').addClass("refurbHilite"); 
 
    $("span.conditionHilite:has('New Spares')").text('New spares').addClass("refurbHiliteSpares"); 
 
    $("span.conditionHilite:has('New')").text('New').addClass("refurbHiliteNew"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<span class="conditionHilite">Refurbished</span> | <br /> 
 
<span class="conditionHilite">New spares</span> <br /> 
 
<span class="conditionHilite">New</span> <br />

Answer 3

Ваша третья строка возвращает тот же объект, как вторая линия, потому что селекторы вы используете содержат ту же строку, которая является «New». Оба они соответствуют одному и тому же элементу в DOM.

Вместо этого я предлагаю использовать jQuery filter method. Используйте .filter() и проверьте содержимое диапазона с помощью метода .text(). Если .filter() возвращает true, добавьте свой класс, цвета и т. Д.