jQuery 捕获被点击元素的 ID

Question

当用户单击允许他离开页面的元素时，我试图捕获所单击元素的 ID。我们的想法是使用 Ajax 来记录这一点。只要元素有 ID，下面的脚本似乎就可以正常工作，但如果没有，它似乎无法爬取 DOM 来查找祖先的 ID。我做错了什么？

$(document).ready(function(){
    $('a, button, input[type=submit]').on('click', function (event) {
        if (event.target.id == '')
            alert($(this).closest('[id!=""]').attr('id'));

        else
            alert(event.target.id);
    });
});

Answer 1

如果父级的 id 未定义或者元素嵌套太多以至于您无法计算它有多少个父级，即获取实际具有 id 的最接近的父级 id，那么此代码将为您完成这项工作:<强>DEMO

$(document).on('click', 'a, button, [type="submit"]', function() {

    if($(this).attr('id') === undefined || $(this).attr('id') === null) {
        alert($(this).parents().filter(function(){
            return $(this).attr('id')!=undefined && $(this).attr('id')!=null;
        }).attr('id'));
    } else {
         alert($(this).attr('id')); 
    }

});