如何在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的$（選擇）將創建活動節點的jQuery的元素，但不給HTML得到的HTML有jQuery中的函數，而.html()

使用此爲所需的結果：

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

更新

如果有帶班「ABC」多節點，那麼你必須在循環使用jQuery功能$.each。
使用此爲獲得所有節點的HTML：

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