从dom中删除元素（如果不是唯一使用jQuery的情况）？ [重复]

Question

这个问题已经在这里有了答案：

• 如何比较两个jQuery对象的身份？ 3个答案

我有一个包含多行动态添加的输入字段的表单，

我希望能够删除这些字段的最后一行（前提是它不是唯一的一行）

我正在尝试如下

Javascript

$("#remove-item").click(function() {
    if ($('.input-row:first') !== $('.input-row:last')) {
        $('.input-row:last').remove();
    }
});

HTML（为简化起见）

<div class="input-row">
    <input />
    <input />
    <input />
</div>
<div class="input-row">
    <input />
    <input />
    <input />
</div>

我以为这就像在<input>字段只有一行的情况下一样，我实际上是通过不同的选择器两次选择相同的元素。

如果jQuery选择器匹配不同的元素，则必须有多于一行，因此可以删除最后一行。

Answer 1

只需检查这些元素的长度，如果小于或等于1，则什么都不做，否则删除！：

$("#remove-item").click(function() {
    if ($('.input-row').length <= 1) {
        return false;
    } else {
        $('.input-row:last').remove();
    }
});