jQuery-parent()与parents()

最新推荐文章于 2021-06-12 14:24:44 发布

cgl_zyw

最新推荐文章于 2021-06-12 14:24:44 发布

阅读量1.1k

点赞数 1

分类专栏： JavaScript 文章标签： jquery

本文链接：https://blog.csdn.net/cgl_zyw/article/details/72857041

版权

JavaScript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

动态添加HTML的js代码

var str; 
str += "<tr><td class=\"td1\" style=\"display:none\">" + reg + "</td>";
str += "<td class=\"td1\">" + ROLE_NAME + "</td>";
str += "<td class=\"td1\">" + ROLE_REMARKS + "</td>";
str += "<td class=\"td1\"><button class=\"table_edit\">修改</button></td>";
str += "<td class=\"td1\"><button class=\"table_delete\">删除</button></td>";
str += "<td class=\"td1\"><button class=\"table_right\">权限</button></td></tr>";
$("#tableList tbody").append(str);

table_edit的js触发事件

 //表格内修改按钮触发事件
    $(function () {
        $("#tableList").delegate(".table_edit", "click", function () {
            var input = $('.box1 input');
            //标记正在编辑的表格行
            $(this).parent().parent().addClass('edit');
            var td = $(this).parent().parent().find('.td1');
            //对于获得的元素进行处理
            alert(td.eq(1).text());
            alert(td.eq(2).text());
        })
    });

错误与心得：这里只是想强调一下parent(),parents()的区别，因为之前也只是范范的有个印象，简单地浏览过，所有直到使用出错才想起来仔细研究这二者的区别。
parent()只返回当前元素的父级元素，parents()却返回当前所有元素所有的祖级元素，要注意的是，可能有人的理解和我一样有误差，但是其实这里的祖级是包含父级的。
还有就是如果你不怕麻烦，其实可以和我一样，通过级联parent()来选择，但是这样写代码灵活度不够，你也可以使用parents(),但是会需要进一步的精确选择。