jQuery插入最后一个元素之后

Question

我想在最后一个之后添加元素.我目前的代码

<div class="find"><div id="FirstElement"> /*First element loaded first */ </div><div>

$('#AddNextElement' + id).click(function (e) {
   $('<div id="NextElement' + id +'">' + /*Add after the last element*/ + '</div>').insertAfter($("#FirstElement"));
}

目前它只在第一个元素之后添加它:

1 4 3 2

我希望它每次都在最后一个元素之后添加:

1 2 3 4

我已经按照这些链接,我找不到我要找的东西:

jQuery insertAfter最后一项

insertAfter基于ID的特定元素

jQuery:在另一个元素之后添加元素

先感谢您!.

我是如何修理它的:

$('#AddNextElement' + id).click(function (e) {
   $('<div id="NextElement"' + id +'>' + /*Add after the last element*/ + '</div>').insertAfter($("#FirstElement").parent().find('.Finder').last());
}

我找到了.parent().find('.find').last(); 然后插入最后一个

Answer 1

只需要last()方法

$('<div id="NextElement"' + id +'>' + /*Add after the last element*/ + '</div>')
.insertAfter($('[id^="NextElement"]').last());

Answer 2

将类添加到所有元素怎么样？找到最后一个会更容易：

$('.element-class:last').after('<div class="element-class" id="NextElement"' + id +'>' + /*Add after the last element*/ + '</div>');

当然，这意味着您的First元素还必须具有该类：

<div class="element-class" id="FirstElement"> /*First element loaded first */ </div>