Javascript 使用jQuery将同一html多次插入元素

我希望用户单击一个按钮，然后将一些html弹出到一个元素中。我这样做了，但它只起作用一次。如果他们再次点击按钮，什么也不会发生。我原以为使用empty（）可以解决问题，但事实并非如此。我的代码有什么问题

<script type="text/javascript" >

$(document).ready( function() {

   $('#button').on('click', function () {

     $('#ul').html('<li>testing testing</li>').hide(1000, function() {

        $(this).empty();    

     });    

   });

});

</script>

<input type="button" value="click me" id="button" />

<ul id="ul">

</ul>

$（文档）.ready（函数（）{
$（“#按钮”）。在（'click'，函数（）{
$（'ul'）.html（'li>测试测试）.hide（1000，函数（）{
$（this.empty（）；
});    
});
});

第二次单击按钮时，该元素将隐藏。你可以做：

$('#ul').show().html('...

---

第二次单击按钮时，元素将隐藏。你可以做：

$('#ul').show().html('...

---

由于每次单击按钮时都要弹出html，所以应该使用

append

$('#ul').append('<li>testing testing</li>');

$（'ul'）。附加（'li>测试测试）；

---

请参见

，因为您想在每次单击按钮时弹出html，您应该使用

append

$('#ul').append('<li>testing testing</li>');

$（'ul'）。附加（'li>测试测试）；

请参见jQuery（“

测试测试”）.appendTo（“#ul”）.hide（1000，function（）{ $（this.remove（）； });

jQuery（“
测试测试”）.appendTo（“#ul”）.hide（1000，function（）{
$（this.remove（）；
});    

执行.hide（）操作时，您需要将CSS选择器“display”=“NONE”设置为如下所示：

$('#ul').html('<li>testing testing</li>').hide(1000, function() {
  $(this).empty();
  $(this).show();
}); 

$（'ul'）.html（'li>测试测试

）.hide（1000，函数（）{ $（this.empty（）； $（this.show（）； }); 执行.hide（）操作时，您需要将CSS选择器“display”=“NONE”设置为如下所示：

$('#ul').html('<li>testing testing</li>').hide(1000, function() {
  $(this).empty();
  $(this).show();
}); 

$（'ul'）.html（'li>测试测试）.hide（1000，函数（）{
$（this.empty（）；
$（this.show（）；
}); 

是否有办法将新插入的li锁定在ul中，并将其隐藏？事实上，我认为我自己可以做到。我不理解你的评论，抱歉：）如果你还有其他问题，可能最好发布一个新主题。@jason328使用你当前的方法，你每次都用你的li替换ul内容，所以在任何给定的时间都只有一个time@Huangism是的，我就是这样解释的“将一些html弹出到元素中“@David抱歉，我的评论是针对OP的评论的。有没有一种方法我可以针对ul中新插入的li并隐藏它？事实上，我认为我自己可以做到。我不理解你的评论，抱歉：）如果你还有其他问题，可能最好发布一个新主题。@jason328使用你当前的方法，你每次都用你的li替换ul内容，所以在任何给定的时间都只有一个time@Huangism是的，我就是这样解释的“在元素中弹出一些html”。@David抱歉，我的评论是针对OP的评论