Javascript删除元素

Question

我正在处理图像上传器，下面是我目前所做的预览：

第一张图片是他们第一次看到的图片。现在我想要发生的是，当实际上传图像时（使用AJAX）然后我希望Javascript删除我拥有的那个小标签，所以它看起来不像第二张图片中那样。

我的HTML：

<div id="upload_pics">
        <form method="post" enctype="multipart/form-data"  action="upload.php">
            <input type="file" name="images" id="images" multiple />
            <button type="submit" id="btn">Upload Files!</button>
        </form>
        <small>Don't have any images yet? <a href="">Click here</a> to use a Stock Photo</small>
        <div id="response"></div>
    </div>

我的Javascript：

if (formdata) {
        $.ajax({
            url: "upload.php",
            type: "POST",
            data: formdata,
            processData: false,
            contentType: false,
            success: function (res) {
                document.getElementById("response").innerHTML = res;
                //Remove small should go here
            }
        });
    }

Answer 1

$('#upload_pics').find('small').remove();

将其放入success回调中，即可。

Answer 2

如果您需要，也可以hide以后轻松show它。

$('#upload_pics small').hide();
$('#upload_pics small').show();

Answer 3

$('#upload_pics small').remove ();

那应该做的工作。首先它是selects包含在id为upload_pics的节点中的元素，然后是removes它。

顺便说一下，您还可以使用jQuery将AJAX响应添加到#response元素：

$('#response').html(res);

Answer 4

将该div的innerHTML设置为空。

或使用removeChild函数从DOM中完全删除节点。