javascript - 如果不是使用 jQuery 唯一发生的情况，是否从 dom 中删除元素？

Question

这个问题已经有答案了:

How do I compare two jQuery objects for identity? (3 个回答)

已关闭 8 年前。

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

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

我正在尝试如下

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();
    }
});