jquery - 按类访问时如何动态获取每个元素的innerHTML

Question

按类访问时如何动态获取每个元素的innerHTML？

这是一个例子：http: //jsfiddle.net/DwDsL/

Answer 1

您可以使用.each

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

希望这可以帮助

Answer 2

将每个函数与类选择器和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();
});

演示

Answer 6

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

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

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