jquery if element contains text, add class to parent div

javascript, jquery

Solution

IDs must be unique, so use class to identify parent. You can use .closest() to identify parent with class `post-item`.

HTML

<div class="post-item">   
  <span class="tags">
      <a href="#">Blogs</a>  
    <h3>Lorem</h3>          
  </span>         
</div>

<div class="post-item">   
  <span class="tags">
      <a href="#">Sponsored by Lorem Ipsum</a>            
  </span>       
    <h3>Lorem</h3>
</div>

JavaScript

jQuery('a:contains("Sponsored")').closest('.post-item').addClass('sponz');

DEMO

`:has()` Selector can also be used

Selects elements which contain at least one element that matches the specified selector.

jQuery('.post-item:has(a:contains("Sponsored"))').addClass('sponz');

Problem

I need to add a class to a parent div if one of the children elements contains the word "Sponsored." ``` <div id="post-item"> <span class="tags"> <a href="#">Blogs</a> </span> </div> <div id="post-item"> <span class="tags"> <a href="#">Sponsored by Lorem Ipsum</a> </span> </div> ``` I am currently trying to use parent().addClass but it's not working for some reason. You can see an example in this fiddle: http://jsfiddle.net/VrPdF/ ``` if (jQuery('a:contains("Sponsored")').length) { jQuery(this).parent('#post-item').addClass('sponz'); } ``` Any and all help would be greatly appreciated - thanks !

Original source