如何在Chrome控制台中复制多个元素的HTML代码？

Question

我想复制所有带有“abc”类的元素的HTML代码，并且我尝试在Chrome DevTools的控制台中输入$('.abc')。它返回一个数组但我无法将它们全部展开并将它们复制到另一个地方......

这样做有什么诀窍吗？谢谢！

Answer 1

使用.map()

var arr = $(".abc").map(function () {
    return this.innerHTML; // or $(this).html();
}).get().join(' NextValue ');

.join()

直接放在控制台上

$(".abc").map(function () {
    return this.innerHTML;
}).get().join(' NextValue ');

Answer 2

在jQuery $（selector）中将创建一个活节点的jQuery元素，但是不给html获取html，jQuery中有一个函数.html()

使用它来获得所需的结果：

$(".abc").html();

<强>更新

如果有多个节点的类为“abc”，则必须使用jQuery函数$.each进行循环。
用它来获取所有节点的html：

$(".abc").each(function(){
  $(this).html(); // you can do anything with this hml
});