Javascript 当我将元素与jQuery一起使用时，会显示我的ul中的元素

我在基础的下拉面板中创建了一个列表。在那个列表中我有链接。这是我的清单：

<button class="button plzddmenu" type="button" data-toggle="PLZdropdown">Postleitszahl Suche</button>
    <div class="dropdown-pane" id="PLZdropdown" data-dropdown data-auto-focus="true">
      <ul class="plzlist">
        <li><a class="plzclick">10000 - 19999</a></li>
        <li><a class="plzclick">20000 - 39999</a></li>
        <li><a class="plzclick">40000 - 59999</a></li>
        <li><a class="plzclick">60000 - 79999</a></li>
        <li><a class="plzclick">80000 - 99999</a></li>
      </ul> 
    </div>

Postleitszahl Suche

10000-19999
20000-39999
40000-59999
60000-79999
80000-99999

现在我使用jQuery脚本来检测元素是否被单击，以及何时被单击，并将它们写入按钮。这是我的剧本：

<script type="text/javascript">
  $(document).ready(function(){

    $('.plzclick').on("click", function(){
      $('.plzddmenu').html(this);
    });

</script>

$（文档）.ready（函数（）{
$（'.plzclick'）。打开（“单击”，函数（）{
$（'.plzddmens'）.html（本文件）；
});

---

这一切都很好，除此之外，我的元素在我单击它们后会从列表中消失。有人知道为什么它们会消失，以及我如何修复它们以使其保留吗？

如果要将项目移动到按钮，只需将按钮html更改为单击的a标记html内容

$（this.html（）；//重新运行元素的html内容。

$（文档）.ready（函数（）{
$（'.plzclick'）。打开（“单击”，函数（）{
$（'.plzddmens'）.html（$（this.html（））；
console.log（this）；
log（$（this））；
log（$（this.html（））；
});
})；

波斯特莱茨扎尔苏切

10000-19999

20000-39999

40000-59999

60000-79999

80000-99999

这很好用，谢谢！但是为什么呢？

$（This.html（）

返回了这个值吗？@NiklasFett我更新了代码，请查看console.log（）以了解js dom元素、jquery对象和jquery.html（）之间的区别非常感谢您的回答！这个将数据从一个元素传输到其他元素的技巧在将来可能会很有用，需要一些代码。：）