I want to add a div as a first element using jquery on each click of a button

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

推荐答案

Try the $.prepend() function.

Usage

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

Demo

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相关问答推荐

如何在光滑的轮播上添加进度条

无法使用 HTML 设置未定义的 jQuery UI 自动完成的属性_renderItem

jQuery获取DOM node ?

如何在 jquery 中包含 !important

使用 JSONP 时如何捕获 jQuery $.getJSON(或数据类型设置为jsonp的 $.ajax)错误?

Jquery Ajax,从 mvc.net 控制器返回成功/错误

如何使用 jQuery 搜索 JSON 树

jQuery $.browser 是否已弃用?

如何计算具有相同类的元素数量?

清除并刷新 jQuery Chosen 下拉列表

jQuery 插入 div 作为某个索引

如何从 jQuery 中的父级中 Select 所有子级(任何级别)?

使用 jQuery Select 焦点文本在 Safari 和 Chrome 中不起作用

Jquery .show() 不显示隐藏可见性的 div

为什么不推荐$().ready(handler)?

如何清除/重置 jQuery UI Datepicker 日历上的选定日期?

覆盖 twitter bootstrap Textbox Glow and Shadows

jQuery $(".class").click(); - 多个元素,点击事件一次

如何在页面加载时启动 jQuery Fancybox?

使用 Chosen 插件更改 Select 中的 Select