如何获取DOM元素的类型来修复CSS Selector

时间:2015-02-12 14:04:53

标签: javascript jquery css

案例:$ 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
});

然后转到" Scripts"查看点击的元素。 (它"对象[a#]"在我的情况下)所以它现在非常清楚。这是一个" a"元件。我可以点击它然后转到它。 原来foo不是未定义但具有正确的值..:/

1 个答案:

答案 0 :(得分:1)

放入console.log($self);,它应该出现在浏览器的控制台中。或者,你可以在浏览器的调试工具(F12菜单)中放置$self和断点