无法多次粘贴到输入中

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/>");
   });
});

我可以添加一些内容以允许多次粘贴吗？

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/>");