Jquery 如何插入元素作为第一个子元素

<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> 

$("#parent-div").prepend("<div class='child-div'>some text</div>");

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" />

Jquery相关问答推荐

在不同的行插入不同的值

Sheets从多张sheet中导入range匹配数据

jQuery 时间 Select 器

为什么 jQuery 不使用 requestAnimationFrame？

document.querySelector 一个元素中的多个数据属性

我们如何在不重新加载页面的情况下使用 javascript/jQuery 更新 URL 或查询字符串？

jQuery 中的 $this 与 $(this)

scrollIntoView 是否适用于所有浏览器？

iframe 仅显示页面的特定部分

我可以使用 jQuery 打开下拉列表吗

使用 jQuery DataTables 时禁用第一列的自动排序

jQuery：如何创建一个简单的叠加层？

如何从所有元素jquery中删除类

带有回调ajax json的jQuery自动完成

JavaScript 中的简单节流阀

jQuery select2 获取 Select 标签的值？

如何在 DOM 中移动 iFrame 而不会丢失其状态？

jquery追加到列表的前面/顶部

jquery - 成功时使用ajax结果返回值

在页面加载之间保持变量