javascript - 用于检索 div 的点击功能

Question

我如何检索找出哪个按钮点击来自哪个 div。基本上我有多个 div

<div id="rare1">
<input type=button value="OK" id=btn>
</div>
<div id="rare2">
<input type=button value="OK" id=btn>
</div>
<div id="rare3">
<input type=button value="OK" id=btn>
</div>

我有一个函数

$("#btn").click(function(){
    $("#rare"+i+" #btn").attr("disabled", "true");
}

这样我就可以禁用添加的最新按钮。我如何选择哪个按钮点击不同的 div id 并选择正确的 btn 以禁用？

很抱歉忘记添加一些东西我也想检索点击按钮的 div id。

Answer 1

id 每个页面的每个元素必须是唯一的。当前，每个按钮都有 btn，使用类代替，例如 class="btn"，然后像这样修改代码:

<div id="rare1">
   <input type=button value="OK" class=btn>
</div>
<div id="rare2">
   <input type=button value="OK" class=btn>
</div>
<div id="rare3">
   <input type=button value="OK" class=btn>
</div>

JS:

$(".btn").click(function(){
    $(this).prop("disabled", true);
}

要获取当前点击的按钮，请使用 $(this)，如上面的代码所示。

---

根据评论更新

要获取父 div id，请使用:

$(this).parent().attr('id')

所以:

$(".btn").click(function(){
    var parentId = $(this).parent().attr('id');
    $(this).prop("disabled", true);
}