在jquery中获取整个标签，包括选定的标签

Get whole tags including selected tag in jquery

本文关键字：标签 包括选 jquery 获取      更新时间：2023-09-26

我的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>这样的整个标签。有什么办法吗...？

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

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

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

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

小提琴： 

$('div').click(function () {
   console.log(this);
});
相关文章：