如何更改位置添加输入字段

Question

我在设置新输入文本的位置时遇到问题。

现在每个人都位于框架下方，

但我想把它放在Dodaj znajomego＆＃34;的上面。

以下是jsfiddle演示：jsfiddle.net/L77px/2

Answer 1

使用以下JS：

$(document).ready(function(){
  $('#add').click(function(){
     var inp = $('.odstep25');
     $('<div class="odstep15"> </div> <div class="form_rightPart"> <input type="text" placeholder="Imie znajomego" name="name" maxlength="30"> </div> <div class="odstep5"> </div> <div class="form_rightPart"> <input type="text" name="znajomyemail" maxlength="30" placeholder="Wpisz adres e-mail"> </div>').appendTo(inp);
  });
});

这对你很好。

Answer 2

以下是 Updated Fiddle

的链接

您必须将新的html附加到<div class="form_rightPart">

var inp = $('.form_rightPart');

---

$(document).ready(function(){
    $('#add').click(function(){
        var inp = $('.form_rightPart');
        $('<div class="odstep15"> </div> <div class="form_rightPart"> <input type="text" placeholder="Imie znajomego" name="name" maxlength="30"> </div> <div class="odstep5"> </div> <div class="form_rightPart"> <input type="text" name="znajomyemail" maxlength="30" placeholder="Wpisz adres e-mail"> </div>').appendTo(inp);
    });
});