自身の要素をHTML文字列で取得

自身の要素をHTML文字列で取得するには、以下の方法で可能です。

関数定義

(function($) { $.fn.selfHtml = function(targetIndex) { var result = []; if ($(this).length > 0) { if (targetIndex || targetIndex === 0) { if ($(this).eq(targetIndex).length > 0) { result = $(this).eq(targetIndex).get(0).outerHTML; } else { result = ''; } } else { $.each($(this), function() { result.push(this.outerHTML); }); } } return result; }; })(jQuery);

使い方

要素のjQueryオブジェクトに対してメソッドを指定します。
戻り値は取得したHTMLの文字列が格納された配列が返ります。
また、第一引数にインデックス番号を指定することで該当するインデックス番号の要素を取得できます。

$(function() { var selfHtmlStrs = $('li').selfHtml(); // 特定の要素 var selfHtmlStr = $('li').selfHtml(2); });