How to select the paragraph with only specific class

Question

Let say I have my HTML code look like this:

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

If I use: $('.p').css('color','red'), this will apply red color to all paragraphs.

How can I apply the style to paragraph that only has class p which is first paragraph in this case?

possible duplicate of [jQuery: Is it possible to select elements with only one class from among elements with, potentially, up to 3 classes?](http://stackoverflow.com/questions/8512111/jquery-is-it-possible-to-select-elements-with-only-one-class-from-among-element) — , Apr 28 '13 at 15:44

Ram · Answer 1 · 2013-04-28T16:03:18.650

4

You can use attribute selector:

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

Or:

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

edited Apr 28 '13 at 16:03

answered Apr 28 '13 at 15:42

Ram

score 3 · Accepted Answer · answered Apr 28 '13 at 15:42

3

You can use:

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

or:

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

answered Apr 28 '13 at 15:42

Eli

score 3 · Answer 3 · answered Apr 28 '13 at 15:42

3

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

answered Apr 28 '13 at 15:42

Adrift

score 0 · Answer 4 · answered Apr 28 '13 at 15:49

0

Try this:

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

answered Apr 28 '13 at 15:49

BYTE RIDER

4 Answers4