jquery outerHTML

jQuery.fn.outerHTML = function(s) {
    return s
        ? this.before(s).remove()
        : jQuery("<p>").append(this.eq(0).clone()).html();
};




$('A').each(function(){
    var s = $(this).clone().wrap('<p>').parent().html();
    console.log(s);
});

.clone().wrap('<p>').parent().html();

// Gives you the DOM element without the outside wrapper you want
$('.classSelector').html()

// Gives you the outside wrapper as well
$('.classSelector')[0].outerHTML


来自  http://stackoverflow.com/questions/2419749/get-selected-elements-outer-html

Create a temporary element, then clone() and append():

var x = $('#xxx').parent().html();
alert(x);

Universal solution:

No siblings solution:

Universal solution:

If you don't want to add a wrapper, you could just add the code manually, since you know the ID you are targeting: