Question

我创建了新的网站，当我点击一个div jquery时，我想要显示div ID和我使用此命令，我可以给div ID

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

当我想给div的孩子时，我使用这个命令

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 show me div 1或当我点击div 2 show me 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/

Answer 2

您已经解决了问题的主要部分：

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

这将为您提供Div的ID。

要提醒它，您可以执行alert(name);

Answer 3

以下是我认为您的目标：

$('[id^=div]').on('click', function() {
    alert($(this).attr('id'));
});

<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.1.min.js"></script>
<div id="div1">
    Click me
</div>
<div id="div2">
    Click me too
</div>
<div id="div3">
    Click me three
</div>

（另见this Fiddle）

单击div时提示div div

3 个答案: