Question

我有一个HTML页面，可能包含数百个按钮。每个按钮都有相同的类，但每个按钮都有不同的ID。我正在使用循环创建按钮。保证每个按钮都有唯一的ID。

当点击任何这些按钮时，我想知道按钮的ID

例如。（我这里只显示了2个按钮）

    <!DOCTYPE html>
        <html>
            <head>
        <script type="text/javascript" src="jquery.js"></script>
        <script>
            $(document).ready(function() {
                $('.btn').click(function() {
                    alert($('.btn').attr("id"));
                });
            });
        </script>
    </head>
    <body>
        <button class="btn" id="1">Button1</button>
        <button class="btn" id="2">Button2</button>
    </body>
</html>

但即使我点击第二个按钮

，我总是会得到页面中第一个按钮的ID

如何获取点击的特定按钮的ID？感谢

Answer 1

将$('.btn').attr("id")更改为this.id，您就完成了。

从具有相同类的集合中获取特定DOM元素

1 个答案: