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" >');