单击时如何访问任何按钮的ID?

Vin*_*ita 4 html javascript jquery

我有一个按钮,我不知道它的 ID

  <button id="" class="mybtn" type=""></button>
Run Code Online (Sandbox Code Playgroud)

现在我想在点击时获取这个按钮的 id

    ("//what to write here").click(){
      console.log($(this).id);//something like this i want
     }
Run Code Online (Sandbox Code Playgroud)

但是使用类选择器的问题是我有多个按钮,因此它会选择所有按钮,而不仅仅是单击的按钮。

elp*_*mid 5

你可以这样做。我评论了语法的代码

$("button.mybtn").on("click", function() {
  console.log($(this).attr("id")); // return blank when no id
  console.log(this.id); // return undefined when no id
})
Run Code Online (Sandbox Code Playgroud)
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

  <button id="hello" class="mybtn" type="">Sample</button>
  <button id="hello1" class="mybtn" type="">Sample</button>
Run Code Online (Sandbox Code Playgroud)

  • 您可以通过 `"button.mybtn[id]"` 确保只定位具有 ID 的按钮 (3认同)