javascript - 如何获取 DOM 元素的类型以修复 CSS 选择器

Question

案例:$self 不是我所期望的，因此我得到了 undefined。要重写 CSS 选择器以便能够在正确的元素上调用数据，我想知道我有什么元素，我该怎么做？是我的“ul”、“li”还是“a”。我知道 Javscript 有一个 typeof()，jQuery 有另一个，但它们返回“object”、“Array”等。这不是我在这里需要的。

$("#ulElementId").on("click", "li a", function (event) {
    var $self = $(this);
    var foo = $self.data("bar"); // undefined
    $self.GetDOMElementType(); // ???
});

编辑:

$("#aId").data("aDataId", "@(Model.aId)");

解决方案:确保先打开开发者工具 (F12)。

$("#ulElementId").on("click", "li a", function (event) {
    var $self = $(this);
    debugger;
    var foo = $self.data("bar"); // 2
});

然后转到“脚本”以查看单击的元素。 (在我的例子中是“Object[a #]”)所以现在很清楚了。这是一个“a”元素。我可以单击它并转到它。事实证明 foo 不是未定义的，而是具有正确的值.. :/

Answer 1

输入 console.log($self); 它应该出现在浏览器的控制台中。或者，您可以在 $self 上放置一个 watch ，并在浏览器的调试工具(F12 菜单)中放置一个断点