更改包含指定單詞的元素的樣式

Question

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

什麼是做正確的方法是什麼？

Answer 1

你可以使用filter()並返回其href值包含特定單詞的所有元素。您還應該將字符串轉換爲小寫，以獲得所有可能的匹配。

Example Here

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

Answer 2

您需要使用attribute contains selector：

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