table动态添加的tr 其click事件在IE兼容模式中不执行 jquery 1.9 的live事件和获取 first last...

最新推荐文章于 2023-07-31 17:27:55 发布

weixin_33971977

最新推荐文章于 2023-07-31 17:27:55 发布

阅读量166

点赞数

CC 4.0 BY-SA版权

文章标签： javascript json ViewUI

原文链接：http://www.cnblogs.com/jcz1206/p/4246310.html

本文介绍了如何使用jQuery为动态生成的表格绑定点击事件，并通过AJAX请求更新表格内容。展示了如何选择特定的表格元素并触发相关操作。

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

http://www.css88.com/jqapi-1.9/first-of-type/index.html#p=//www.css88.com/jqapi-1.9/last-child-selector

---动态添加的table 的tr 给tr设定click事件使用jquery 1.9

$(document).on("click", "#tableid tbody tr", function () {
$("#tableid tbody").find("tr").removeClass("trclass");
$(this).addClass("trclass");
var name = $(this).attr("data");
$("#txtsearch").val(name);
});

 function changetable() {
            var n = $.trim($("#txtsearch").val());
            if (n != "") {
                $.ajax({
                    type: "POST",
                    url: "../xxx/xx.aspx?action=getxx",
                    data: { "n": n },
                    dataType: "json",
                    async: false,
                    success: function (data) {
                        var varc = "";
                        $.each(data.Table, function (index, item) {
                            varc += "<tr data='" + item.id + "' ><td>" + item.id + "</td><td>" + item.name + "</td></tr>";                         
                        });
                        $("#tableid tbody").empty().append(varc);
                    }, error: function () {
                    }
                });
            }
        }

--first(first-of-type) last(last-of-type)

 $(document).on("click", "#file table tr td:first-of-type a", function () {
                var n1 = $(this).attr("data"); var n2 = $(this).attr("data2");
                down(n1, n2);
            });
            $(document).on("click", "#file table tr td:last-of-type a", function () {
                var n = $(this).attr("data");
                delAttach(this,n);
            });