Question

这可能真的很简单-抱歉！

目前，我有以下内容：

<button>Hey, click me!</button>
<script>$("button").click(function() {
swal("Success Message Title", "Well done, you pressed a button", "success")
});</script>

它有效。

但是，我想将按钮设为<button id="1">Click me</button>这样的ID，然后它将在以下运行：

<script>$("button(1)").click(function() {
swal("Success Message Title", "Well done, you pressed a button using button 2", "success")
});</script>

我该如何实现？谢谢！

Answer 1

<script>$("#mySuperIdValue").click(function() {
swal("Success Message Title", "Well done, you pressed a button using button 2", "success")
});</script>

Answer 2

尝试这样的事情：

HTML：

<button data-id="1">Hey, click me 1!</button>
<button data-id="2">Hey, click me 2!</button>

JS：

$("button").click(showMsg);

function showMsg(){
  let id = $(this).data('id');
  swal("Success Message Title", `Well done, you pressed a button using button ${id}`, "success");
}

以下是Codepen：https://codepen.io/richjava/pen/gObowNK?editors=1010

甜蜜警报-按钮ID

2 个答案: