Add Class using jQuery

Question

My Html mark-up is somthing like this

<div>
    <div></div>
    <div></div>
    <div></div>
    <div class="last">
         <div class="a">
                 <div class="b">
                        <div class="c"></div>
                 </div>
         </div>

    </div>

</div>

Want to add a extra class in <div class="last">,<div class="a">,<div class="b">, and <div class="c">. Using jQuery

Answer 1

$('div:last').addClass('yourclass');

Answer 2

See Demo Here :)

Last div:

$('div.last').addClass('class');

Last div of the last div:

$('div.last').find('div:last').addClass('class');

See more info about:

addClass
:last

Answer 3

Better than :last is :last-child: http://api.jquery.com/last-child-selector/

$("div:last-child").addClass("class");
// this gets both the last div and the last div of another div

The difference being twofold:

1. :last-child can match more than one element; e.g., one per parent element, so that if your selector is complex at all, it will match everything you mean to match. (See page for example.)
2. :last-child coincides with CSS2 terminology, so you can style just like you select in jQuery.

Examples

From what you've said, you could select what you want like this:

$("body > div:first-child > div:last-child").addClass("last")
  .children("div").addClass("a")
  .children("div").addClass("b")
  .children("div").addClass("c");

You don't actually need the "div" inside .children(), but I'm just demonstrating that you can filter the results--only DIVs that are children of each respective level would get the class.