Jak wybrać paragraf tylko z określonej klasy

Question

powiedzmy mam HTML kod wyglądać tak:

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

Jeśli używam: $('.p').css('color','red'), ten będzie miał zastosowanie do wszystkich czerwony kolor ust.

Jak zastosować styl do akapitu, który ma tylko klasę p, która jest w tym przypadku pierwszym akapitem?

Answer 1

Można użyć:

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

czyli

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

Fiddle

Answer 2

Można użyć selektora atrybutu:

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

http://jsfiddle.net/umxGh/

czyli

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

Answer 3

Użyć attribute selector:

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

Answer 4

Spróbuj tego:

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