删除最后一个元素时，jquery删除第一个元素

Question

当我点击删除最后一个按钮时，我试图从html DOM中删除最后一个div。

这是jquery代码：

$('#remove-last').click(function(){
    $('#ed').last().remove();
});

这是我的HTML

<div id="ed">LaLa</div>
<div id="ed">LaLa</div>
<div id="ed">LaLa</div>

但是jquery代码删除了第一个元素，我需要删除最后一个？这有什么不对？

div和id是由jQuery动态生成的，（在删除div的函数之前代码的代码是什么）然后用户按下ad new field按钮。

Answer 1

id需要是唯一的，因此当你使用dom element时，jquery只返回一个id selector（当然包含jq）。而最后一个元素也是第一个，因为它只是一个dom元素。如果要将多个dom元素放入一个语义组，则应使用class，如下所示：

<div class="ed">LaLa</div>
<div class="ed">LaLa</div>
<div class="ed">LaLa</div>

可以使用class selector .classname：

通过jQuery访问

$('.ed').last().remove();