如何在最后一个css类之后追加文本

Question

我有以下HTML

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

现在我想在点击添加图像后添加另一个div - 但只能在最后一个div之后添加类"someClass".

如果我使用以下jQuery,它将在每个someClass元素之后附加,因此多次.

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

有没有办法只使用someClass属性将它追加到最后一个div之后？

Answer 1

您正在寻找:last选择器:

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