怎么用JQuery动态添加div 比如 添加 点击一次添加按钮 增加一个div

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么用JQuery动态添加div 比如 添加 点击一次添加按钮 增加一个div相关的知识,希望对你有一定的参考价值。

    给按钮添加一个onclick事件

    点击跳转到函数

    函数获取该div的父级节点

    给该父级节点添加一个子级节点(即div)

注:添加哪个单词记不清楚了,好像带pareat字样,具体的你查一下手册。

参考技术A

利用append方法添加

$("#div1").click(function()
 $("#div1").append(" <div>Hello world!</div>");
);

本回答被提问者和网友采纳

jquery无法为动态生成的元素添加点击事件的解决方法

遇到 jquery无法为动态生成的元素添加点击事件,谷歌一下,整理一下解决方法如下:

 

(<li>中间的元素是动态生成的),

现在想为<i>添加点击事件,

例子如下:

<div>
    <ul>
        <li>
            <span>
                <i class=icon>这是元素内容</i>     //i是动态生成
            </span>
        </li>
    </ul>
</div>

 

解决方法如下:

$(document).on(click, .icon, function(e) {
 
  alert(i添加点击事件成功);
 
});

 

以上是关于怎么用JQuery动态添加div 比如 添加 点击一次添加按钮 增加一个div的主要内容,如果未能解决你的问题,请参考以下文章

怎么用JQuery动态添加div 比如 添加 点击一次添加按钮 增加一个div

怎么用JQuery动态添加div 比如 添加 点击一次添加按钮 增加一个div

angularjs怎么给div添加点击事件

JS或者jQuery怎么给动态添加的DOM元素绑定事件

怎么在jquery中在div中加一段html

重复添加一个相同的div块三次