Jquery Selector select div with class having some title

Question

I want to hide a div with class charts having title which contain (0%)

for example i have 5 div

<div class="charts" title ="book1 (0%)" ></div>

<div class="charts" title ="book2 (10%)" ></div>

<div class="charts" title ="book3 (20%)" ></div>

<div class="charts" title ="book4 (0%)" ></div>

<div class="charts" title ="book5 (0%)" ></div>

I am doing it with jquery but no luck

Please Help

Answer 1

You can use jQuery's attribute equals selector:

$('.charts[title*="(0%)"]').hide();

Answer 2

$('div.charts[title*="(0%)"]').hide();