更改包含指定单词的元素的样式答案

【问题标题】：Change style of an element which contains a specified word更改包含指定单词的元素的样式
【发布时间】：2014-10-31 09:59:30
【问题描述】：

我想更改在 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>

这样做的正确方法是什么？

【问题讨论】：

stackoverflow.com/questions/1777357/css-rule-based-on-content

标签： javascript jquery

【解决方案1】：

您可以使用filter() 并返回其href 值包含特定单词的所有元素。您还应该将字符串转换为小写以获取所有可能的匹配项。

Example Here

$('a').filter(function(){
    return $(this).prop('href').toLowerCase().indexOf('afyon') > -1;
}).css('color', '#fff');

【讨论】：

【解决方案2】：

你需要使用attribute contains selector：

jQuery('a[href*=afyon]').css('color', '#fff');

【讨论】：