javascript - 有人可以帮忙解释一下这段 jQuery 代码吗？

Question

$('#AddMoreErrors,#AddMoreMime,#AddMoreRemote').live('click',function(){
    var newRow = $(this).closest('tr');
    $(this).closest('tr').after('<tr class="'+newRow.attr('class')+'">'+newRow.html()+'</tr>').find('span').removeAttr('id').addClass('removetr').html('Del');                  
});

我编写了上面的 jquery 代码，它的作用是:当有人单击“添加更多”时，它会找到最近的 tr，将其复制到另一个 tr 中，然后将其附加到第一个。然后它找到所有 span，删除其 id 并添加一个新的 class 并更改文本。

现在令我惊讶的是find('span').removeAttr('id').addClass('removetr').html('Del');

我知道我可以在 span 上执行 removeAttr 但 addClass 和 html 又如何应用于 跨度？

Answer 1

jQuery每次执行操作后都会返回元素的对象，执行顺序是从左到右。因此它的 .removeAttr('id') 将位于 span 上，并且将返回该 span 对象。类似地执行 .addClass('removetr') 和 .html('Del');。