javascript - 单击 div 时提醒 div id

Question

我创建了一个新网站，当我点击一个 div jquery 时我想要在上面显示 div ID，我使用这个命令，我可以提供 div ID

var name = $(this).attr("id");

当我想给 div 的 child 我使用这个命令

var name =  $(this).children(".select").attr("name");

现在我有 3 个这样的 div enter image description here

当我点击 div 3 时，Jquery 使用此命令给我 div2

var name =  $(this).children(".select").attr("name");

点击时如何获取div的ID？

示例 点击 div 1 显示 div 1 或者当我点击 div 2 显示 div 2当我点击 div 3 时，显示 div 3

谢谢

Answer 1

你的第一个代码是正确的，你不需要找到children...

$("div").click( function(){
    var name = $(this).attr("id");
    console.log( name );
});

如果您遇到多个事件的问题，您可以使用 .stopPropagation() 停止传播点击事件，如下所示:

$("div").click( function( e ){
    var name = $(this).attr("id");
    console.log( name );
    e.stopPropagation();
});

参见示例:https://jsfiddle.net/tg4rmkk9/