如何在最后一个css类之后追加文本(How to append text after last css class)

如何在最后一个css类之后追加文本(How to append text after last css class)

我有以下HTML

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

现在我想添加另一个div后点击添加图像 - 但只有在类“someClass”的最后一个div后。

如果我使用下面的jQuery，它会在每个someClass元素后面添加多次。

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

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

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?

最满意答案

您正在寻找:last选择器：

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

You are looking for the :last selector:

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