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');