我想更改在href中包含指定单词的元素的样式。
jQuery的
jQuery('a:contains("afyon")').css('color': '#fff');
html
<div class="saglink"><a title="bayan adana" href="http://www.site.co/adana-bayan/">Adana bayan</a></div>
<div class="saglink"><a title="bayan adiyaman" href="http://www.site.co/adiyaman-bayan/">Adıyaman bayan</a></div>
<div class="saglink"><a title="bayan afyon" href="http://www.site.co/afyon-bayan/">Afyon bayan</a></div>
<div class="saglink"><a title="bayan aksaray" href="http://www.site.co/aksaray-bayan/">Aksaray bayan</a></div>
正确的做法是什么?
最佳答案
您可以使用filter()
并返回其href
值包含特定单词的所有元素。您还应该将字符串转换为小写,以获取所有可能的匹配项。
Example Here
$('a').filter(function(){
return $(this).prop('href').toLowerCase().indexOf('afyon') > -1;
}).css('color', '#fff');