javascript - 检索完整的 HTML 标记 'signature'

Question

代码如下:

parsedHTML = $("<div id=\"foo\">Content</div>");
console.log(parsedHTML);

当我在 Chrome 中运行它时，我可以在调试器的控制台中看到

[div#foo, jquery: "1.9.1", constructor: function, init: function, selector: "", size: function…]

如何检索第一个参数，它是 HTML 元素的全名/签名？我的意思只是字符串，而不是整个 HTML 代码块？喜欢:

'div#foo'

Answer 1

我假设你想要这样的签名:div#someId.someClass1.someClass2

$.prototype.signature = function(){
  return this.prop("tagName").toLowerCase()
   +(this.attr("id") ? "#"+this.attr("id") : "")
   +(this.attr("class") ? "."+this.attr("class").split(/\s+/).join(".") : "");
};
// Div with id="foo" and classes: ["bar", "baz"]
$("#foo").signature();
// "div#foo.bar.baz"