附加到div但在任何其他按钮或提交元素之前

Question

我想插入此内容：

<input type="button" name="buttonback1" id="buttonback1" value="Back">

在此HTML中的按钮之前：

<div id="formdiv">
.... whole load of textfields etc here ....

<input type="submit" name="formaction" value="save">
<input type="submit" name="formaction" value="send">
</div>

所以我需要插入后退按钮才能显示在提交按钮之前。我试过用这个：

$("#formdiv").append('<input type="button" name="buttonback1" id="buttonback1" value="Back">');

但它会在提交按钮后将其附加到div的末尾。

Answer 1

使用.before()方法在元素

之前追加

 $("#formdiv").find('input[value="save"]').before('<input type="button" name="buttonback1" id="buttonback1" value="Back">');

修改

如果该按钮不存在，您可以像这样添加：

if($("#formdiv").find('input[value="save"]').length > 0){
   $("#formdiv").find('input[value="save"]').before('<input type="button" name="buttonback1" id="buttonback1" value="Back">');
}
else{
    $("#formdiv").append('<input type="button" name="buttonback1" id="buttonback1" value="Back">');
}

Answer 2

试试这个

$("#formdiv").find('input[type=submit]').first().before('<input ....">');