如何根据div的css名称在div后插入一个div

用jQuery在元素的后面分两种，一种是在div紧挨着的后面添加一个div，例如

$(".classname").parent().append("<div></div>")这种实现的结果是

<div>

<div class="classname">

</div>

<div>

    <div>

</div>

第二种是在div里面的最后位置加上一个div，例如 $(".classname").append("<div></div")这种实现的结果是

<div class="classname">

<p>这是在类名为classname的div中原存在的元素</p>

<div></div>

</div>

<input type="button" value="插入元素" id="btn1"/><br />

<div id="div1"> 

    <div id="1">1</div> 

    <div id="2">2</div> 

    <div id="3">3</div> 

</div> 

<script type="text/javascript">

window.onload = function () { 

var btn = document.getElementById("btn1") 

btn.onclick = function() { 

insertEle() 

} 

}

function insertEle() { 

var oTest = document.getElementById("div1")

var newNode = document.createElement("div")

var reforeNode = document.getElementById("2")

oTest.insertBefore(newNode,reforeNode.nextSibling)

}

</script>

---