jquery - 不能多次粘贴到输入中

Question

该脚本应允许用户将视频 ID 粘贴到输入框中，但在粘贴/不粘贴后无法这样做。

$(document).ready(function(){
   $("#get-thumbnail").click(function() {
     $('#thumbnail').html("<a href='https://img.youtube.com/vi/" + $('#video-id').val() + "/maxresdefault.jpg'><img src='https://img.youtube.com/vi/" + $('#video-id').val() + "/maxresdefault.jpg'><a/>");
   });
});

有什么我可以添加到 JS 以允许多次粘贴的内容吗？

Answer 1

您可能想要使用append而不是html. 这样内容#thumbnail就不会被替换。

$('#thumbnail').append("<a href='https://img.youtube.com/vi/" + $('#video-id').val() + "/maxresdefault.jpg'><img src='https://img.youtube.com/vi/" + $('#video-id').val() + "/maxresdefault.jpg'><a/>");