Sweet Alert - 按钮 ID

Question

这可能会非常简单 - 很抱歉！

目前，我有以下：

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

而且有效。

但是，我想使按钮成为一个 ID，例如 <button id="1">Click me</button>，然后运行如下：

<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");
}

这是代码笔：https://codepen.io/richjava/pen/gObowNK?editors=1010

Sweet Alert - 按钮 ID

Sweet Alert - Button ID

javascript

sweetalert