javascript - 如何在最后一个 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 - 但只能在类为“someClass”的最后一个 div 之后。

如果我使用以下 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>");