jquery动态操作控件,选择器接收变量

谁践踏了优雅 2022-05-31 01:53 177阅读 0赞

Jquery 选择器中使用变量:  
jquery选择器是接受变量的，用法如下

$('body').on('click', "button[id^='delete']", function () { 
                var id = $(this).parent().siblings()[0].innerHTML;
                var btn_id = 'delete' + id;
                var username = $(this).parent().siblings()[2].innerHTML;
    
                if(confirm("确定删除用户'" + username + "'?")){
                    $.ajax({
                        type:'post',                
                        url:'${ctx}/admin/delete-user',
                        data:{id:id},
                        success:function(data){ 
                            if(data !=null){
                                alert(data.msg);
                                $('#'+btn_id).parent().parent().remove();
                            }//if(data !=null)
                        }//success
                    });//ajax
    
                }//if(confirm
    
            });

var tr = $("<tr/>");
    $("<td class=\"id\"/ display=\"none;\">").html(page.list[i].id).appendTo(tr);
    $("<td/>").html(i + 1).appendTo(tr);
    $("<td/>").html(page.list[i].name).appendTo(tr);
    $("<td/>").html(page.list[i].number).appendTo(tr);
    $("<td/>").html("<button type='button' class='btn btn-danger' id='delete"+page.list[i].id+"'>删除用户</button>").appendTo(tr);
    $('#tbody').append(tr);

--------------------

参考:

[http://www.111cn.net/wy/jquery/58594.htm][http_www.111cn.net_wy_jquery_58594.htm]  
[http://www.bkjia.com/Javascript/848812.html][http_www.bkjia.com_Javascript_848812.html]

[http_www.111cn.net_wy_jquery_58594.htm]: http://www.111cn.net/wy/jquery/58594.htm
[http_www.bkjia.com_Javascript_848812.html]: http://www.bkjia.com/Javascript/848812.html