javascript - 如何删除 HTML 表单中除最后一个元素之外的所有元素

Question

我有一个 html 表单，如下

<div class="control-group" id="fields">
    <label for="">Use this section to add as many execution steps as you would like for this test case.</label>
    <div class="controls">
        <form role="form" autocomplete="off" id="formStep">
            <div class="entry input-group col-sm-12" style="margin-bottom:3px;">
                <input class="form-control stepFields" name="fields[]" type="text" placeholder="test step">
            </div>
            <div class="entry input-group col-sm-12" style="margin-bottom:3px;">
                <input class="form-control stepFields" name="fields[]" type="text" placeholder="test step">
            </div>
            <div class="entry input-group col-sm-12" style="margin-bottom:3px;">
                <input class="form-control stepFields" name="fields[]" type="text" placeholder="test step">
            </div>
            <div class="entry input-group col-sm-12" style="margin-bottom:3px;">
                <input class="form-control stepFields" name="fields[]" type="text" placeholder="test step">
            </div>
        </form>
        <br>

    </div>
</div>

我有以下 JS (Jquery)

    $('.controls form')
        .not($(this).children('.entry').last()[0])
        .remove(); 

我想要做的是删除所有类名为 entry 除了最后一个的 div ？

你能让我知道我在这里做错了什么吗？

谢谢

Answer 1

结合使用find()和not()

尝试以下操作

 $('.controls form').find('.entry').not(':last').remove(); 

demo