jquery - 无法将 event.target 转化为字符串

Question

为了识别用户点击的元素，我尝试使用事件对象 target .

$(document).click(function (e) {    
    var str = e.target.toString();
    console.log(str);
    if (str.indexOf("some class or id") >= 0) {
        //do something
    };
});

但是.toString()似乎对 e.target 没有有用的影响.如果我这样做:

console.log(e.target);

我得到一个包含 DOM 元素开头的字符串，例如 <div class="myclass"> .这是检查子字符串是否存在所必需的，例如 myclass "或 myid ，使用 indexOf 。

我的目的只是通过查看 event.target 来确定用户点击的是哪个 div。对于“myclass ”。

还indexOf在这里不起作用，因为它会返回“str is not a function”。

但是，如果我尝试将它变成一个字符串，例如:

console.log(e.target.toString());

我得到 [object HTMLDivElement] .没有我需要的 HTML 字符串的踪迹。

如何获得 event.target 的输出变成我可以操纵的字符串？

p.s 请注意这种情况与 this one 非常相似。 , 关于 event.target.id :但建议的解决方案对我不起作用。

Answer 1

您不需要将其转换为字符串。摆脱 .toString()

直接使用它的ID属性。

if (e.target.id == 'myid'){
    //do something
};

但是如果你想验证选择器使用 .is()

Check the current matched set of elements against a selector, element, or jQuery object and return true if at least one of these elements matches the given arguments.

if ($(e.target).is('.myclass')){
    //do something
};