如何在按類訪問時動態獲取每個元素的innerHTML

Question

如何在通過類訪問時動態獲取每個元素的innerHTML？

下面是一個例子： http://jsfiddle.net/DwDsL/

Answer 1

您可以使用.each

$('.btnItem').each(function(){ 
// do your stuff using $(this) 
}); 

希望這有助於

Answer 2

使用each與class選擇和html功能函數來獲取innerHTML的

$('.classname').each(function() { 
    alert($(this).html()); 
}); 

Answer 3

只需使用.wrap：

$(".btnItem").wrap('<div></div>'); 

Answer 4

$('.btnItem').wrap('<div/>'); 

足夠

，如果你想更換<span>與<div>保持它的HTML然後嘗試

$('.btnItem').replaceWith(function(a, html) { 
    return '<div>' + html + '</div>'; 
}); 

Answer 5

$("span.btnItem").each(function(index) { 
    $("<div>" + $(this).html() + "</div>").insertAfter($(this)); 
    $(this).remove(); 
}); 

demo

個

Answer 6

function g() { 
    $(".btnItem").each(function(){ 
     con = $(this).text(); 
     $("<div>" + con + "</div>").insertAfter(".btnItem") 
    }) 

    $(".btnItem").remove(); 
} 

http://jsfiddle.net/DwDsL/1/