How to append text after last css class

Question

I have the following html

<div class="someClass">  
    Some text  
</div>  
<div class="someClass">  
    Some other text  
</div>
<div class="add>
    <img src="someImage.jpg">
</div>

Now I'd like to append another div after a click on the add image - but only after the last div with the class "someClass".

If I use the following jQuery it will be appended after each someClass element, so multiple times.

$(".add img").live("click", function() {
    $(".containerFooter").after("<div class='someClass'>test</div>");
});  

Is there a way to only append it after the last div with the someClass attribute?

Answer 1

You are looking for the :last selector:

$(".someClass:last").after("<div class='someClass'>test</div>");

Answer 2

$('.someClass').last() 

OR

$('.someClass:last')

will give you last element of class someclass