javascript - 为什么我无法在这个 JQuery 脚本中检索和打印从我的 DOM 检索到的元素的标签名称？

Question

我是 JavaScript 和 JQuery 的新手，我正在疯狂地尝试检索代表标签的对象的标签名称。

这是我的 JQuery 脚本:

 $(document).ready(function () {
     $("thead.opening").click(function () {

     alert("INTO FIRST FUNCTION !!!");

     var theadElement = $(this);
     var tbodyElement = $(this).next();

     alert("THEAD TAG BEFORE: " + theadElement.tagName());

     $(this).next().slideToggle('slow', function () {
         $(this).prev("thead.opening").toggleClass("active");
         $("thead.opening").find(".imgAccordion").attr("src", "img/arrow.gif");
         $("thead.active").find(".imgAccordion").attr("src", "img/arrow_down.gif");

         alert("THEAD TAG AFTER: " + theadElement.tagName());
     });

     return false;
});

如您所见，当用户点击设置了 CSS 类 opening 的 thead 对象时，这会自动执行，因此 $(this) 应该代表被点击的 thead 元素到 DOM 中(我的推理是正确的还是我遗漏了什么？)。

所以我通过这一行将这个元素引用放入 theadElement 变量中:

var theadElement = $(this);

所以这个 theadElement 应该包含 DOM 中被点击的 thead 的引用。

现在我想检索并打印与此元素关联的标签(thead 标签)，所以我尝试这样做:

alert("THEAD TAG BEFORE: " + theadElement.tagName());

但是，以这种方式执行此脚本时，它崩溃并进入 FireBug 控制台，我收到此错误消息:

TypeError: theadElement.tagName is not a function
http://localhost:7001/wea-web/edi.do?serv=8.2
Line 32

为什么它不起作用？我错过了什么？如何检索与 theadElement 对象关联的元素的标签名称？

谢谢

Answer 1

tagName是 dom 元素的属性不是函数所以

alert("THEAD TAG BEFORE: " + this.tagName);

或者因为 theadElement 是一个 jQuery 对象

alert("THEAD TAG BEFORE: " + theadElement.prop('tagName'));

或

alert("THEAD TAG AFTER: " + theadElement[0].tagName);