Question

我目前正在调试一个更大的系统，但是我试图拿出我认为存在问题的部分。

我无法理解为什么输入文本字段未附加到this jsfiddle中的HTML。

JS代码：

 for (var counter = 0; counter < 20; counter++) {

    var anbox = $(document.createElement('input')).attr({
        type: 'text',
        class: 'anBox',
        size: '1',
        maxlength: '1'
    });
    anbox.appendTo('#answerLine_' + i);};

Answer 1

是的，这是次要的。没有定义i变量，而应该是counter：

anbox.appendTo('#answerLine_' + counter);

为了搜索此类问题，我建议您使用Chorme Developer Console或Firebug等调试工具。

DEMO： http://jsfiddle.net/qygB2/106/

Answer 2

来自 i 来自以下一行：

anbox.appendTo('#answerLine_' + i);};

我认为您必须将其更改为：

anbox.appendTo('#answerLine_' + counter);};

我改变了;它起作用了;见：

http://jsfiddle.net/qygB2/105/

Answer 3

anbox.appendTo('#answerLine_' + i)

将i更改为counter

anbox.appendTo('#answerLine_' + counter)

为什么输入文本字段不显示

3 个答案: