javascript - 使用 .last() 隐藏最后一个元素

Question

我有以下表格:

<form id="P" enctype="multipart/form-data" action="/" method="post">
    <input class="userImage" onchange="readURL(this);" type="file" name="profileImage" accept="image/x-png, image/gif, image/jpeg, image/bmp">
</form>

我有一个 javascript 回调函数，我试图隐藏最后一个 <input type="file"并添加一个新的:

$("#P").last(".userImage").hide();
$("#P").append("<input class=\"userImage\" onchange=\"readURL(this);\" type=\"file\""+
   " name=\"profileImage\" accept=\"image/x-png, image/gif, image/jpeg, image/bmp\">");

但是每次运行时它都会隐藏 <input type="file"元素。我尝试将 .show() 放在最后一个元素上，但是它同时显示了它们。

Answer 1

你的逻辑是正确的。只是一个简单的错误如何使用last() .

使用这个:

$("#P .userImage").last().hide();