如何在按类访问时动态获取每个元素的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/