javascript - 在具有类名的 div 中插入输入

Question

我想向这个 div 添加一个 HTML 输入：

<div class="sss" style="padding-top:2px"> 
<center> 
 <input value="test1" name="name1" type="submit" >  
<input value="test2" name="name2" type="submit">
  </center> 
</div>

我用这个：

$(".sss").append('<input  onclick =loc(); value="test3" >');

它正在工作，但我想在<center>标签之间添加它。我使用了此代码，但它不起作用并将其添加到</center>标签之后。

$(".sss:first").append('<input  onclick =loc(); value="test3" >');

Answer 1

$(".sss center").append('<input  onclick =loc(); value="test3" >');

---

把它放在输入标签之间

$(".sss center :first-child").after('<input  onclick =loc(); value="test3" >');
// or $(".sss center :first").after('<input  onclick =loc(); value="test3" >');
// or $(".sss center :last-child").before('<input  onclick =loc(); value="test3" >');