Question

193

jquery if element contains text, add class to parent div

rated 0 times [ 200] [ 7] / answers: 1 / hits: 31026 / 11 Years ago, sun, february 2, 2014, 12:00:00

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 !

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

rashawn

Add To Favorites

Follow

Total Points: 451

Total Questions: 83

Total Answers: 83

Location: Egypt

Member since Tue, May 3, 2022

2 Years ago

rashawn questions

1 How do you import a local js file into a basic html file?

Wed, Jan 27, 21, 00:00, 3 Years ago

1 Refused to apply style from 'http://localhost:3000/style.css' because its MIME type ('text/html')

Sun, Dec 20, 20, 00:00, 4 Years ago

1 How to share Image-Url to Facebook, twitter and Instagram in React JS

Mon, Jan 20, 20, 00:00, 4 Years ago

1 < Select> Placeholder styling

Thu, Oct 31, 19, 00:00, 5 Years ago

1 React: How to call react hooks inside the event handler?

Mon, Oct 21, 19, 00:00, 5 Years ago

View All

answered 11 Years ago lawrencem · Accepted Answer

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');