如何选择只有特定类的段落答案

【问题标题】：How to select the paragraph with only specific class如何选择只有特定类的段落
【发布时间】：2013-04-22 06:52:57
【问题描述】：

假设我的 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 类的段落，在这种情况下是第一段？

【问题讨论】：

【解决方案1】：

你可以使用属性选择器：

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

或者：

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

【讨论】：

【解决方案2】：

试试这个：

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

【讨论】：

【解决方案3】：

使用attribute selector：

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

【讨论】：

【解决方案4】：

你可以使用：

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

或：

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

【讨论】：