javascript - 如何选择只有特定类的段落

Question

假设我的 HTML 代码如下所示：

<p class="p">Paragraph</p>
<p class="p p2">Paragraph 2</p>
<p class="p p3">Paragraph 3</p>

如果我使用: $('.p').css('color','red')，这将对所有段落应用红色。

在这种情况下，如何将样式应用于仅具有第一段的类p的段落？

Answer 1

您可以使用属性选择器：

$('p[class="p"]').css('color','red');

http://jsfiddle.net/umxGh/

或者：

$('p').filter(function(){
   return this.className === 'p';
}).css('color', 'red');

Answer 2

您可以使用：

$('.p[class="p"]').css('color', 'red');

或者：

$("p[class='p']").css('color', 'red');

小提琴

Answer 3

使用属性选择器：

$('p[class="p"]').css('color','red')

Answer 4

尝试这个：

$('[class=p]').css('color','red');