jQuery - 克隆元素上的each（）

Question

我正在尝试对克隆元素执行each()，

var html = $(this).clone().html();

html.find('.class').each(function () {
    $(this).removeClass('class-to-remove');             
});

console.log(html);

但是当我在控制台中看到var html时，它会显示上一个值，而不是each()完成后的值。

请告诉我如何获取each()已完成的地方。

Answer 1

.html()的返回值是字符串。在这种情况下，你最好不要再打电话了;只需使用.clone()的返回值。

var cloned = $(this).clone();
cloned.find('.class').each(function() {
  $(this).removeClass('whatever');
});

console.log(cloned.html());

另请注意，.html()获取其操作数的内容，因此外部“shell”不会显示。