javascript - 当 chrome 检查器为 jQuery 变量返回 [object Object] 时如何返回实际数据

Question

我在这样的函数中使用了 $(this) $(document).on("dblclick", "td.edit", function(){ makeEditable($(this )); }); 获取触发的html元素信息。但是当我执行 console.log 或 alert 时，结果将仅显示 [object Object]。我想知道是否有方法可以用来查看里面到底有什么？谢谢你

在 Tibos 的建议方法之后，我在 chrome 控制台中得到了这个消息:

[Object, jquery: "1.10.2", constructor: function, init: function, selector: "", toArray: function…]
0: Object
length: 1
__proto__: Object[0]

Answer 1

var foo = { bar : 1 };

当你这样做时:

console.log(foo.toString())

它将不再显示对象，而是显示对象的字符串表示形式，与大多数对象一样是 [object Object]。如果您隐式转换它，也会发生同样的情况:

console.log('This is my object: ' + foo); // This is my object [object Object]

要显示对象而不是其字符串表示形式，您需要将对象作为参数传递给 console.log:

console.log(foo); // { bar : 1 }
console.log('This is my object', foo); // This is my object { bar : 1 }

在您的示例中，如果您想在触发 dblclick 事件的 HTML 元素周围显示 jQuery 包装器对象，您可以这样做:

$(document).on("dblclick", "td.edit", function(){ console.log($(this)); });

如果你只需要 HTML 元素，你可以这样做:

$(document).on("dblclick", "td.edit", function(){ console.log(this); });