javascript - jQuery 获取被点击元素的 HTML 内容

Question

我有以下 HTML

<label class="editable" id="user_info_username">Hai world...</label>

现在点击功能我需要被点击元素的内容。

我试过了

$(".editable").live("click",function(){
alert($(this).html())  //returns Hai world...
});

但是我需要HTML内容

所以 <label class="editable" id="user_info_username">Hai world...</label>

Answer 1

克隆被点击的元素，将其包装在 <div> 中，然后请求它的 HTML - 类似于:

var html = $('<div/>').append($(this).clone()).html();

工作演示在 http://jsfiddle.net/f88kj/

我之前还在 https://stackoverflow.com/a/6509421/6782 上写了一个插件来执行此操作

(function($) {
    $.fn.outerhtml = function() {
        return $('<div/>').append(this.clone()).html();
    };
})(jQuery);