时间戳

首页 > 解决方案 > 如何显示在 AlertBox 中单击的 Div 的 id

javascript - 如何显示在 AlertBox 中单击的 Div 的 id

问题描述

我在一个页面上有多个 div，我正在尝试显示被点击的我的 Div 的 Id

这是我的 HTML 代码

<div id="div1" class="Mydiv">
    Abcd
</div>
<div id="div2" class="Mydiv">
    EFGH
</div>
<div id="div3">
    IJKL
</div>

这是我的 jQuery 代码 

$(document).ready(function () {
    $(this).click(function () {
        debugger;
        alert($(this).attr('id'));        
    })
})

但是当我执行它时，它在警报框中显示未定义而不是 Id Please Help me。

标签： javascriptjquery

解决方案

您需要使用$(document).on('click','div', function () {...});它才能使其工作。甚至$('div').click(function(){..})会做。这将click在元素上添加一个事件div，一旦单击它，您就id可以div使用$(this).attr('id').

$(document).ready(function () {
    $(document).on('click','div', function () {
        alert($(this).attr('id'));        
    })
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="div1" class="Mydiv">
        Abcd
    </div>
        <div id="div2" class="Mydiv">
        EFGH
    </div>
        <div id="div3">
        IJKL
    </div>

推荐阅读