使用jQuery添加类属性

Question

How to add class in every send paragraph using jquery. Please see image below.

Answer 1

You can use .newsPostContainer p , along with :not() to exclude the .postDate elements:

$('.newsPostContainer p:not(.postDate)').addClass('posteExcerpt');

Alternatively, if you can guarantee that the target p will always be preceded by p.postDate , then you can select by sibling:

$('p.postDate + p').addClass('posteExcerpt');

Answer 2

Just check if the traversed 'P' tag has 'postDate' class or not, if not, this is the second 'P' tag and addClass to it.

$(".newsPostContainer").find('p').each(function(){
    if(!$(this).hasClass('postDate'))
       $(this).addClass('posteExcerpt');
});

Realised, you can use :not too.

Answer 3

p.postDate + p will select all p that is right after a p.postDate

 $(".newsPostContainer p.postDate + p").addClass('posteExcerpt') 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="newsPostContainer "> <p class="postDate">postDate</p> <p>posteExcerpt</p> <p class="postDate">postDate</p> <p>posteExcerpt</p> <p class="postDate">postDate</p> <p>posteExcerpt</p> <p class="postDate">postDate</p> <p>posteExcerpt</p> <p class="postDate">postDate</p> <p>posteExcerpt</p> </div>