javascript - 更改包含指定单词的元素的样式

Question

我想更改包含 href 中指定单词的元素的样式。

j查询

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

您需要使用 attribute contains selector :

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