Javascript 使用jquery的Div

这里我正在处理一个列表框，我正在迭代这个列表框的所有元素。这里的“list2”是listbox的Id，其中的元素取自“list2”：

 $(function(){
    $("#button1").click(function(){

        $("#list1 > option:selected").each(function(){
            $(this).remove().appendTo("#list2");

        });
    });

    $("#button2").click(function(){
        $("#list2 > option:selected").each(function(){
            $(this).remove().appendTo("#list1");

        });
    });
});

在这里，我制作了一个按钮3来显示“list2”的所有元素。单击此按钮，它将使用div占位符显示

  $("#button3").click(function(){
         var count = $("#list2 option").length;


          $("#list2 > option").each(function() {


         document.getElementById("error").style.display='none';
           document.getElementById("placeholder").style.display='block';
           document.getElementById("placeholder").innerHTML= document.getElementById("placeholder").innerHTML+'<p>'+this.text+'</p>';
});

$（“#按钮3”）。单击（函数（）{
变量计数=$（“#列表2选项”）。长度；
$（“#列表2>选项”）。每个（函数（）{
document.getElementById（“error”）.style.display='none'；
document.getElementById（“占位符”）.style.display='block'；
document.getElementById（“占位符”）.innerHTML=document.getElementById（“占位符”）.innerHTML+''+this.text+'
'；
});

在这里，如果单击“按钮3”，则我将获得预期结果，但如果再次单击按钮3，则它将再次显示相同的结果，但位于不同的位置。我单击此按钮的次数将显示不同位置的显示/结果数

我只想要一次这个结果

问题：有什么方法可以做到这一点。如果有人单击按钮3，元素相同，则不会再打印，但如果有人更改列表2的元素，则会显示更改后的结果

---

谢谢

请创建一个提琴。还有，当jQuery可用时，为什么要使用doucment.getElementById？而不是document.getElementById，我们如何实现这一点？请参考您的链接。我是一个初学者。您使用的方法与选择按钮3

$（“#error”）。hide（）

将替代错误行