Jquery match all words in string

Question

I have a script that replaces text and adds a class. It works great, but I have two classes that both have "new" in them and then contain doesn't work. How do I match all the words in the string?

code:

$('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" );
});

What about this ? http://stackoverflow.com/questions/15364298/make-jquerys-contains-select-only-exact-string ? — EdenSource, Apr 16 '15 at 09:25

score 2 · Answer 1 · answered Apr 16 '15 at 09:28

To select a span containing an exact text value try this:

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

.filter allows you to apply logic to the elements and return only those that match your test(s) back.

score 1 · Answer 2 · answered Apr 16 '15 at 09:28

Change contains to 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 />

score 0 · Answer 3 · answered Apr 16 '15 at 09:30

Your third line returns the same object as the second line because the selectors you are using contain the same string which is "New". They both match the same element in the DOM.

I would suggest using the jQuery filter method instead. Use .filter() and check the content of the span using the .text() method. If .filter() returns true, add your class, colours etc.

Jquery match all words in string

3 Answers3