How do i select every last child of a specific class in a list

Question

I have a div which contains a list of other div as messages, I want to select every last child of the div that has the same class.

here is my code:

The first paragraph.
The second paragraph.
The third paragraph.
The fourth paragraph.
The fifth paragraph.
The sixth paragraph.
The seventh paragraph.
The seventh paragraph.
The fifth paragraph.
The sixth paragraph.
The sixth paragraph.
The sixth paragraph.

All I want is to select every last child of class "q".

Like this:

The first paragraph.
The second paragraph. - Selected
The third paragraph.
The fourth paragraph.
The fifth paragraph.
The sixth paragraph. - Selected
The seventh paragraph.
The seventh paragraph.
The fifth paragraph.
The sixth paragraph.
The sixth paragraph.
The sixth paragraph. - Selected

Please Help no matter if it can be done through css, jQuery or PHP snippet

Praveen Kumar Purushothaman · Accepted Answer

This worked. These are the two selectors.

$("p.q + p:not(p.q)").prev("p");
$("p.q:last");

Or as a single one:

$('p.q + :not(p.q)').prev().add('p.q:last');

Could be complicated, but worth a try:

$(function () {
  $('p.q + :not(p.q)').prev().add('p.q:last').addClass("selected");
});

.selected {background: #ccf;}


The first paragraph.
The second paragraph.
The third paragraph.
The fourth paragraph.
The fifth paragraph.
The sixth paragraph.
The seventh paragraph.
The seventh paragraph.
The fifth paragraph.
The sixth paragraph.
The sixth paragraph.
The sixth paragraph.

How do i select every last child of a specific class in a list

Answers (1)

Related Questions