如何从按钮组访问每个按钮的 id - jQuery？ [复制]答案

【问题标题】：How to access id of each button from button group - jQuery? [duplicate]如何从按钮组访问每个按钮的 id - jQuery？ [复制]
【发布时间】：2020-08-11 21:00:50
【问题描述】：

我在一个按钮组中有这 3 个按钮

<div class="btn-group btn-nodetype pull-right">
    <button id="zuse" class="btn btn-default active" type="button">Zuse/xMEG</button>
    <button id="vmhost" class="btn btn-default" type="button">VM Hosts</button>
    <button id="kubernetes" class="btn btn-default" type="button">Kubernetes</button>
</div>

点击后，我试图打印出它的 id

$('.btn-nodetype button').click(function() {
    console.log($('button').attr('id'));
});

我只能看到第一个元素的id。

如何查看我点击的那个id？

【问题讨论】：

标签： jquery

【解决方案1】：

使用this 表示点击的按钮：

console.log(this.id);

$('.btn-nodetype button').click(function() {
    console.log(this.id);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="btn-group btn-nodetype pull-right">
    <button id="zuse" class="btn btn-default active" type="button">Zuse/xMEG</button>
    <button id="vmhost" class="btn btn-default" type="button">VM Hosts</button>
    <button id="kubernetes" class="btn btn-default" type="button">Kubernetes</button>
</div>

【讨论】：

它确实回答了我的问题。效果很好。