如何在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 ');

。加入（）

直接放在控制台上

$(".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
});