Question

I have html:

<div class="items-list-container">
   <div class="fieldset-item">Something</div>
   <div class="fieldset-item">Something 2</div>
   <div class="fieldset-item">Something 3</div>
   <div class="fieldset-item">Something 4</div>
   <div class="fieldset-item">Something 5</div>
</div>

I need to find out with jQuery if variable t is equal with text in fieldset-item and if it is – set fieldet-item class css to: display: block. For example if

t = "Something 2"

html should look like:

   <div style="display: block;" class="items-list-container">
       <div class="fieldset-item">Something</div>
       <div style="display: block;" class="fieldset-item">Something 2</div>
       <div class="fieldset-item">Something 3</div>
       <div class="fieldset-item">Something 4</div>
    </div>

I can find all text in div with:

var text = $(".items-list-container").text();

How should I add css to specific matching div?

Answer 1

$('.items-list-container .fieldset-item:contains("'+ t +'")').css('display', 'block');

DEMO

About above code see @fudgey comment.

More accurately

$('.items-list-container .fieldset-item').filter(function() {
    return $(this).text().trim() == t;
}).css('display', 'block');

DEMO

Related refs:

• :contains()

• .filter()