要素に適用されているCSSのpaddingを取得

自身の要素（子孫要素を含む）をHTML文字列で取得する方法をご紹介します。

関数定義

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

使い方

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

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