Question

我正在尝试这样做，以便当我在最新输入中键入内容时，会创建一个新内容，但它只适用于一个

$(document).ready(function() {
    $( function() {
        $("#list").draggable();
    });
    var count = 1;
    var timer = 0;
    var input = document.createElement("input");
    input.type = "text";

    init();
    function init() {
        loop();
    }
    function loop() {

        requestAnimFrame(function() {
            loop();
        });
        update();
        render();

    }

    function update() {
        console.log(count);
        if(document.getElementById(count).value == "") {

        } else {
            count += 1;
        }
        var  = div.cloneNode(true);
        document.getElementById("list").appendChild(input);
    }
    function render() {
        input.id = count;
        input.name = count;
    }
});
window.requestAnimFrame = (function() {
    return window.requestAnimationFrame ||
    window.oRequestAnimationFrame ||
    window.webkitRequestAnimationFrame ||
    window.mozRequestAnimationFrame ||
    function( callback ) {
        window.setTimeout(callback, 1000/60);
    }
})();

这是javascript。

Answer 1

containers

看看这个，克隆元素可能会有所帮助。

$(document).ready(function() {

    var count = 1;
    var timer = 0;
    var input = $("<input></input>", {
        'type':'text',
      'class':'form-control',
      'value':'1',
      'id':'count'
    });


    for(var i=1;i!=11;i++) {
        input.val(count++);
        $("#list").append(input.clone());
    }

});

Answer 2

经过一些调整我得到了答案，

        count += 1;
        var input = document.createElement("input");
        input.id = count;
        input.name = count;
        input.type = "text";
        document.getElementById("list").appendChild(input);

我需要重新创建它然后再设置它。

Answer 3

document.getElementById("list").appendChild(input.cloneNode(true));

不需要包含JQuery。

如何使用相同的createElement变量多次使用appendChild

3 个答案: