如何在javascript中一个接一个地动态添加输入元素

Question

我有以下代码。生成输入文本框。唯一的问题是我希望将它们添加到另一个之下。这是我的代码：

$('.pl').on('click',function(){

        var hiddenInput = document.createElement("input");
        var hiddenButton = document.createElement("button");
        var hiddenTextNode = document.createTextNode("Delete");

        $(this).after(hiddenInput);
        hiddenButton.appendChild(hiddenTextNode);
        $(this).after(hiddenButton);
        $(this).write("<p>hi</p>");
        c=c+1; 
        document.getElementById("h").value = c;

        hiddenInput.name = 'text'+c;
        hiddenInput.class = 'form-control add-polls-container';
        hiddenInput.placeholder = 'Enter Poll Option';

    });

Answer 1

你刚才提到

jQuery find last input and append

$（本）。经过（hiddenInput）;这里$（this）表示单击bind元素，使其附加文本框单击元素