Jquery each 怎么 *** 作动态添加的DOM元素

Jquery each 怎么 *** 作动态添加的DOM元素,第1张

没理解你的提问,你的重点是each还是 *** 作动态添加的DOM?

关于 *** 作动态添加的DOM,需要用delegate或on来进行事件绑定,动态添加的DOM元素也同样绑定了该事件,原理就是事件代理,即事件冒泡。

<div class="container">

    <ul class="list-wrap">

        <li class="item">1</li>

        <li class="item">2</li>

        <li class="item">3</li>   

    </ul>     

</div>$('container')delegate('item','click',function(){

    handler();//执行函数

})

3 如果必须用each来 *** 作,可以使用自定义事件,当添加新DOM之后,trigger('event_name')即可。在绑定自定义事件时的handler执行函数逻辑中使用each即可。只有dom插入页面后,才能获取到该元素

直接用js里的getElementsByName就可以获取所以name值相同的元素。但获取出来的并不是数组,而是类数组的元素集合。所以还需要一步变换,下面是简单代码:

        <body>

<input type="text" name="111" />

<input type="text" name="111" />

<input type="text" name="111" />

<input type="text" name="111" />

<input type="text" name="111" />

<input type="text" name="111" />

<input type="text" name="111" />

<input type="text" name="111" />

</body>

<script>

    var oInp = documentgetElementsByName('111');

    var aInp = [];

    for(var i=0;i<oInplength;i++){

        aInppush(oInp[i]);

    }

</script>   //这样aInp这个数组里存储的就是所以元素name为111的数组。

给按钮添加一个onclick事件

点击跳转到函数

函数获取该div的父级节点

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

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

以上就是关于Jquery each 怎么 *** 作动态添加的DOM元素全部的内容,包括:Jquery each 怎么 *** 作动态添加的DOM元素、怎么用javascript/jquery在当前页面获取动态添加的表单的name和值并且变成整个数组、怎么用JQuery动态添加div 比如 添加 点击一次添加按钮 增加一个div等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9765024.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存