如何在特定元素後動態生成元素

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

嘗試此鏈接Click here

的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); 
});