Javascript 只有一个输入时如何隐藏按钮

我已经创建了一个用于上传站点的输入类型文件。我还创建了两个按钮，一个用于附加输入类型文件，另一个用于删除它们，但我想在只有一个输入类型文件时隐藏删除按钮，以下是我的代码：

JavaScript:

$(document).ready(function (e) {
    $('.add').click(function (e) {
        $('.addon').append('<div class="choose"><input type="file" name="userFile" /></div>');
    });
    $('.delete').click(function (e) {
        $('.addon > .choose').last().remove();
        if ($('<div class="choose"><input type="file" name="userFile" /></div>').length == 1) {
            $('.delete').css('display', 'none');
        } else {
            $('.delete').css('display', 'block');
        }
    });
});

还有html

<div class="addon">
    <div class="choose">
        <input type="file" name="userFile" />
    </div>
</div>  

---

但是它不起作用，你能帮我吗？

很难说清楚你在问什么，但在我看来，你似乎希望由输入元素的onChange事件触发长度检查。

将你的if条件作为

 $('.delete').length > 1

---

这就是你似乎在问的问题。对于这个问题，HTML似乎不完整

您应该给输入一个类

<input type="file" name="userFile" class="file" />

---

我不认为这是解决方案，因为输入并没有问题，我认为这是if和else。

if($('.file').length == 1){....