css - Find same text and add class to container with jQuery -
css - Find same text and add class to container with jQuery -
i’m trying find if of h2
texts matches h1
text. plus not beingness case sensitive. if finds match, add together class container product-div
.
<div id="pageheader"> <h1>same text</h1> </div> <div class="product"> <h2 class="productname">product name 1</h2> </div> <div class="product"> <h2 class="productname">same text</h2> </div> <div class="product"> <h2 class="productname">product name 2</h2> </div>
you can seek below. read h1
text , create lowecase ( said text compare not case sensitive). iterate h2
, compare text h1
, if matches add together class parent div
.
$(function(){ var h1text = $('#pageheader h1').text().tolowercase(); $('.product .productname').each(function(){ if($(this).text().tolowercase()==h1text) $(this).closest('.product').addclass('containerprod'); }); });
demo
jquery css match case-sensitive
Comments
Post a Comment