Làm thế nào để chọn đoạn với chỉ lớp học cụ thể

Question

Hãy nói tôi có cái nhìn HTML code của tôi như thế này:

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

Nếu tôi sử dụng: $('.p').css('color','red'), điều này sẽ áp dụng màu đỏ cho tất cả các đoạn văn.

Làm cách nào để áp dụng kiểu cho đoạn văn chỉ có lớp p là đoạn đầu tiên trong trường hợp này?

Answer 1

Bạn có thể sử dụng:

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

hay:

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

Fiddle

Answer 2

Bạn có thể sử dụng thuộc tính chọn:

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

http://jsfiddle.net/umxGh/

Hoặc:

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

Answer 3

Sử dụng một attribute selector:

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

Answer 4

Hãy thử điều này:

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