如何设置特定标签的样式

Question

我有很多链接看起来像这样：

<a href="http://www.youtube.com/user/nigahiga">Youtube</a>
<a href="http://pinterest.com/pin/41236152807615600/">Pinterest</a>
<a href="https://www.facebook.com/manchesterunited">Facebook</a>
<a href="http://www.youtube.com/user/RayWilliamJohnson">Youtube</a> 
<a href="http://pinterest.com/pin/24910604158520050/">Pinterest</a>

如何仅设置将链接到pinterest的超链接的样式。我试过这个：

$('a').attr('href').contains('pinterest').css('Styling here');

但它不起作用。如何实现呢？

Answer 1

您可以使用attribute contains selector：

$('a[href*="pinterest"]').css('color','DeepSkyBlue');

或更好只需要纯粹的CSS：

a[href*="pinterest"] {  
    color: DeepSkyBlue;
} 

<强> Fiddle

Answer 2

  $('a[href*="pinterest"]').css('apply styles');

选择器文档可在http://docs.jquery.com/Selectors

找到

For attributes:

= is exactly equal
!= is not equal
^= is starts with
$= is ends with
*= is contains

Answer 3

您可以使用下一个选择器获取链接到pinterest的所有超链接：

$('a[href^="http://pinterest.com/"]')

该选择器将返回所有'a'元素，其中'href'属性以http://pinterest.com/开头

然后你可以设置它们的样式

Answer 4

除了属性包含解决方案（尽管不是很整洁），您还可以使用filter函数：

$('a').filter(function () {
    return $(this).attr("href").indexOf("pinterest") != -1;
}).css('color', 'red');

Here is a working example

Answer 5

你应该检查每个人的href attr值。

$（ 'A'）。每个（函数（）{

如果（$（本）.attr（ 'href' 属性）。包含（ 'Pinterest的'））

$（this）.css（你的风格）;

}）;