JQuery(二) 处理动态生成的元素添加事件

青旅半醒 2022-05-28 10:46 246阅读 0赞

var data{
    bind:function (data) {
        var Html = '' ;
        $.each(data,function(index,item){
            Html+='<li id="'+item.id+'" ><a href="javascript:;">'+item.name+'</a> <span class="selectClassName"></span> </li>';
        })
        $(".parentClassName").html(Html);
        $(".parentClassName").on('click','.selectClassName',function () {
        var id= $(this).parent('li').attr('id');
       $.ajax({ 
               contentType: "application/json", 
                  type: 'GET', 
                  dataType: 'json', 
                  url: '/url?id='+id, 
                  success: function (jsonData) 
                  {
                       if (jsonData.success) 
                       {
                           alert("删除成功"); 
                       }else{
                                alert("删除失败"); 
                            } 
                  }error:function(err){
                      //err
                  } 
        }); 
                                
    
    }

**版权声明：本文为博主原创文章，未经博主允许不得转载**

发表评论取消回复

表情：

评论列表（有 0 条评论，246人围观）

还没有评论，来说两句吧...

相关阅读

相关 jquery 动态添加的元素，用on事件

事件语法：.on( events \[, selector \] \[, data \], handler(eventObject) ) 在选定的元素上绑定一

叁歲伎倆/ 2024年02月17日 22:56/ 0 赞/ 31 阅读

相关 Jquery绑定动态添加的元素的点击事件

$('tb_Reviewer').on('change', 'tr>td>checkItem', function () { alert('Jachin')

叁歲伎倆/ 2023年01月06日 11:39/ 0 赞/ 274 阅读

相关 jquery获取动态生成的元素

如果我么你想通过jQuery获取html中动态生成的dom元素，那可以使用on方法，使用on方法获取的时候要注意，要通过先获取它的父元素在获取子元素，这样才能生效：栗子：

小咪咪/ 2022年09月23日 03:55/ 0 赞/ 248 阅读

相关动态添加jquery Moblie元素

<!DOCTYPE html> <html> <head> <script type="text/javascript" src="../js/jquery-1.1

迷南。/ 2022年08月25日 08:09/ 0 赞/ 293 阅读

相关 jquery html动态添加的元素绑定事件

在实际开发中会遇到要给动态生成的html元素绑定触发事件的情况: <div id="testdiv"> <ul></ul> </div> 假设我们要给ul动

喜欢ヅ旅行/ 2022年08月11日 00:50/ 0 赞/ 262 阅读

相关 jquery动态添加组件监听事件

> 在使用bootstrap table等这些异步增删查的表格时，经常会遇到使用on、click等方法监听不到触发的点击事件等，这是需要使用delegate方法，用法如下：

红太狼/ 2022年07月13日 09:38/ 0 赞/ 318 阅读

相关 JQuery(二) 处理动态生成的元素添加事件

var data{ bind:function (data) { var Html = '' ; $.each(data,fun

青旅半醒/ 2022年05月28日 10:46/ 0 赞/ 247 阅读

相关 JQuery实现动态添加的标签元素的点击事件

这里所说的动态添加的元素的意思是：用js添加的标签元素先说一下我遇到的问题：想对一些数据实现分页，就自己写一个分页功能。用的是bootstrap的分页，在页面获取数据列

小鱼儿/ 2022年05月25日 06:20/ 0 赞/ 324 阅读

相关 jquery 实现动态添加元素功能

jquery 实现动态添加元素功能，如下： <html> <script src="https://code.jquery.com/jquery-3.1.1

约定不等于承诺〃/ 2022年03月11日 04:30/ 0 赞/ 440 阅读

相关 jquery动态添加元素和动态添加click事件

文章目录 1.动态追加HTML元素 2.获取HTML已有元素 3.静态元素添加点击事件

小咪咪/ 2022年03月07日 11:56/ 0 赞/ 1439 阅读