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.

用法

$("#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相关问答推荐

使用 jQuery / Javascript (querystring) 获取查询字符串参数 url 值

如何在 Angular 4 中使用 jQuery 插件?

TypeError: $.ajax(...) 不是函数?

是否可以在 beforeunload 弹出窗口中显示自定义消息?

从客户端的对象数组中获取最新日期的优雅方法是什么?

catch forEach 最后一次迭代

使用 Webpack 将 jQuery 公开给真实的 Window 对象

请求的资源错误中不存在“Access-Control-Allow-Origin”标头

在完成前一个请求之前中止新的 AJAX 请求

由于滚动,响应表内的 bootstrap 按钮下拉菜单不可见

在大写字母前插入空格

ReactJS SyntheticEvent stopPropagation() 仅适用于 React 事件?

Chrome 中的 AJAX 发送选项而不是 GET/POST/PUT/DELETE?

将带有数字键的 JavaScript 对象转换为数组

试图检测浏览器关闭事件

如何获取 jQuery 下拉值 onchange 事件

jQuery XML 错误“请求的资源上不存在‘Access-Control-Allow-Origin’标头.”

如何获得两个日期对象之间的小时差?

有人可以解释如何实现 jQuery File Upload 插件吗?

Jquery:如何在按下回车键时触发点击事件