当jQuery中的click事件与HTML中的onclick事件中的对象相同时，如何获取元素对象

Question

我在HTML代码中使用了onclick事件。当我包含“ this”作为参数时，它将返回该元素对象，例如

我的Onclick HTML元素：-

<input type="text" onclick="rateTotal(this);" value="2.00" id="field">

我的jQuery代码：-

function rateTotal(that){
   console.log(that);
} 

当我单击该字段时，可以在控制台上看到如下输出：

<input type="text" onclick="rateTotal(this);" value="2.00" id="field">

同时，当我使用jQuery选择这样的元素

$("#field").click(function(){
   console.log($(this));
}

但是它在控制台上的输出就像。

w.fn.init [input#field]

但是我想要输出：

<input type="text" onclick="rateTotal(this);" value="2.00" id="field">

在控制台中。

希望你有问题。

Answer 1

您正在寻找outerHTML。

$("#field").click(function() {
  console.log($(this).get(0).outerHTML);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text"  value="2.00" id="field">