javascript - 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() 完成的地方获取 var。

Answer 1

.html() 的返回值是一个字符串。在这种情况下你最好不要调用它；只需使用 .clone() 的返回值即可。

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

console.log(cloned.html());

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