jQuery-parent()与parents()

动态添加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(),但是会需要进一步的精确选择。