javascript - 如何在点击时访问任何按钮的 ID？

Question

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

  <button id="" class="mybtn" type=""></button>

现在我想在点击时获取此按钮的 ID

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

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

Answer 1

你可以这样做。我注释了语法的代码

$("button.mybtn").on("click", function() {
  console.log($(this).attr("id")); // return blank when no id
  console.log(this.id); // return undefined when no id
})

<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>