Javascript 使用jquery在相反（从下到上）方向追加输入框

我想在单击添加图标（+）时附加输入框，而如果要删除附加的输入框，则单击删除（X）按钮。但在这里，我希望附加的输入框出现在静态输入框之前，即在相反的方向（从下到上）

Html：

代码：

        var max_fields = 10; //maximum input boxes allowed
        var wrapper = $(".input_fields_wrap"); //Fields wrapper
        var add_button = $(".add_field_button"); //Add button ID

        var x = 1; //initlal text box count
        $(add_button).click(function(e) { //on add input button click
            e.preventDefault();
            if (x < max_fields) { //max input box allowed
                x++; //text box increment
                $(wrapper).append('<div><input type="text" name="mytext[]"/><a href="javascript:void(0);" class="remove_field" title="Remove field"><img src="images/close.png"/></a></div>'); //add input box
            }
        });

        $(wrapper).on("click", ".remove_field", function(e) { //user click on remove text
            e.preventDefault();
            $(this).parent('div').remove();
            x--;
        });

var max_字段=10//允许的最大输入框数
变量包装=$（“.input_fields_wrap”）//字段包装器
var add_button=$（“.add_field_button”）//添加按钮ID
var x=1//初始文本框计数
$（添加按钮）。单击（函数（e）{//在添加输入按钮上单击
e、 预防默认值（）；
如果（x

用于在单击按钮输入之前添加输入。有关详细信息，请查找下面的代码段

var max_字段=10//允许的最大输入框数
变量包装=$（“.input_fields_wrap”）//字段包装器
var add_button=$（“.add_field_button”）//添加按钮ID
var x=1//初始文本框计数
$（添加按钮）。单击（函数（e）{//在添加输入按钮上单击
e、 预防默认值（）；
如果（x
append（）
将在末尾追加元素。使用jQuery的
prepend（）
方法。@abhishekkannojia-如果您愿意，请添加此作为答案。我觉得这是对的。
        var max_fields = 10; //maximum input boxes allowed
        var wrapper = $(".input_fields_wrap"); //Fields wrapper
        var add_button = $(".add_field_button"); //Add button ID

        var x = 1; //initlal text box count
        $(add_button).click(function(e) { //on add input button click
            e.preventDefault();
            if (x < max_fields) { //max input box allowed
                x++; //text box increment
                $(wrapper).append('<div><input type="text" name="mytext[]"/><a href="javascript:void(0);" class="remove_field" title="Remove field"><img src="images/close.png"/></a></div>'); //add input box
            }
        });

        $(wrapper).on("click", ".remove_field", function(e) { //user click on remove text
            e.preventDefault();
            $(this).parent('div').remove();
            x--;
        });