检索完整“签名”的HTML标记

时间:2014-03-01 02:18:40

标签: javascript jquery html google-chrome dom

以下是代码:

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'

1 个答案:

答案 0 :(得分:2)

我假设你想签名如: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"