在jquery中获取包含所选标记的整个标记

Question

我的HTML内容是

<div class="div1>
      div1
</div>

<div class="div2>
      div2
</div>

我的jquery代码是

$("div").click(function(){
       alert($(this).html());
});

这将根据点击返回“div1”或“div2”。但我想从“this”对象中获取像<div class="div1"> div1 </div>这样的完整标签。无论如何要做到这一点......？

Answer 1

您需要获取元素的外部HTML。您可以通过创建元素本身的临时克隆来实现此目的。例如：

$('div').on('click', function() {
    alert( $('<div>').append( $(this).clone() ).html() );
});

或者，您可以使用内置的outerHTML属性，例如：

$('div').on('click', function() {
    alert( this.outerHTML );
});

Answer 2

FIDDLE

$('div').click(function () {
   console.log(this);
});