javascript - 如何在特定元素之后动态生成元素

Question

我正在使用 javascript 动态生成一个文本字段。问题是新的文本字段是在文件类型之前生成的。我想在文件类型之后并在新行中生成它。我已经分享了代码。

html

<input type="text" name="textf"/>

http://jsfiddle.net/QxPbJ/2/

希望你能理解

提前致谢

Answer 1

你的意思是这样的吗？

$(function () {
    count = 2;
    var createNewField = function () {
        var node = $('<tr><td></td><td><input type="radio" name="choices" name="o" id="o" style="float:left"/><div class="XYZ" style="float:left"><input style="margin-bottom:20px; " class="ABC" type="text" name="option" id="option" placeholder="add option' + count + '"/></div>&emsp;<input type="file"/></td></tr>');
        if (count < 6) {
            $('input').last().after(node);
            count++;
            node.click(function () {
                createNewField();
            });
        };
    };
    $('input.ABC').click(function () {
        createNewField();
    });
}); 

Answer 2

您没有使用表格，但您正在附加 tr 和 td。字段后的第一个表并添加 tr

Answer 3

试试这个链接点击这里

html

<input type="radio" name="choices"/>
<input style="margin-bottom:20px;"id="option1" class="ABC" name="option1"type="text"/>
<input type="file" name="op" id="op"/>
<div id="appendBefore"></div>

JS

$(function () {
  count = 2;
  var createNewField = function() {
  var $node = $('<tr><td></td><td><input type="radio" name="choices" name="o" id="o"     style="float:left"/><div class="XYZ" style="float:left"><input style="margin-bottom:20px; " class="ABC" type="text" name="option" id="option" placeholder="add option '+count+'"/>   </div>&emsp;<input type="file"/></td></tr>');
  if(count < 6){
    $node.find("input.ABC").one('click', createNewField);
    $('#appendBefore').before($node);
    count = count+1;
  }
};
$('input.ABC').one('click', createNewField);
});