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/>'); 

十分です

残りのhtmlに置き換えたい場合は、試し<span>てください<div>

$('.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/