我想在每次单击按钮时使用jquery添加一个div作为第一个元素
<div id='parent-div'>
<!--insert element as a first child here ...-->
<div class='child-div'>some text</div>
<div class='child-div'>some text</div>
<div class='child-div'>some text</div>
</div>
尝试$.prepend()
函数。
$("#parent-div").prepend("<div class='child-div'>some text</div>");
null
var i = 0;
$(document).ready(function () {
$('.add').on('click', function (event) {
var html = "<div class='child-div'>some text " + i++ + "</div>";
$("#parent-div").prepend(html);
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="parent-div">
<div>Hello World</div>
</div>
<input type="button" value="add" class="add" />
在@Vabhatia所说的基础上进行扩展,这就是您在原生JavaScript(不带JQuery)中想要的。
ParentNode.InsertBefore(<您的元素>,ParentNode.FirstChild);