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

最新推荐文章于 2025-03-31 15:52:40 发布

Morpheus丶

最新推荐文章于 2025-03-31 15:52:40 发布

阅读量1.1k

点赞数 2

分类专栏： JQuery 文章标签： jquery 选择器动态变量

本文链接：https://blog.youkuaiyun.com/timo1160139211/article/details/79246944

版权

JQuery 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了如何在Jquery中利用选择器动态地操作控件，并展示了选择器接收变量的用法，通过引用的相关教程链接，读者可以深入理解这一功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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);