如何将参数从按钮传递给 jquery 函数？

Question

预期结果：

在按钮中，我想在 onclick 事件上传递值。例如<button id="toastr-three" onclick="callBtnOnclick('123')" > Toast Me </button>

我的问题是，我在哪里可以创建 callBtnOnclick 函数来获取我的 123 值而不是 ("#toastr-three").on("click"...？

!function(p) {
  "use strict";

  function t() {}
  t.prototype.send = function(t, i, o, e, n, a, s, r) {
    debugger;
    var c = {
      heading: t,
      text: i,
      position: o,
      loaderBg: e,
      icon: n,
      hideAfter: a = a || 3e3,
      stack: s = s || 1
    };
    r && (c.showHideTransition = r), console.log(c), p.toast().reset("all"), p.toast(c)
  }, p.NotificationApp = new t, p.NotificationApp.Constructor = t
}(window.jQuery),
function(i) {
  i("#toastr-three").on("click", function(t) {
    debugger;
    event.preventDefault();
    i.NotificationApp.send("Great !!", "Content saved succussfully !!", "top-right", "#5ba035", "success")
  });
}(window.jQuery);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-toast-plugin/1.3.2/jquery.toast.min.js" integrity="sha512-zlWWyZq71UMApAjih4WkaRpikgY9Bz1oXIW5G0fED4vk14JjGlQ1UmkGM392jEULP8jbNMiwLWdM8Z87Hu88Fw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-toast-plugin/1.3.2/jquery.toast.css" integrity="sha512-8D+M+7Y6jVsEa7RD6Kv/Z7EImSpNpQllgaEIQAtqHcI0H6F4iZknRj0Nx1DCdB+TwBaS+702BGWYC0Ze2hpExQ==" crossorigin="anonymous" referrerpolicy="no-referrer"
/>


<button id="toastr-three"> Toast Me </button>

Answer 1

!function(p) {
  "use strict";

  function t() {}
  t.prototype.send = function(t, i, o, e, n, a, s, r) {
    debugger;
    var c = {
      heading: t,
      text: i,
      position: o,
      loaderBg: e,
      icon: n,
      hideAfter: a = a || 3e3,
      stack: s = s || 1
    };
    r && (c.showHideTransition = r), console.log(c), p.toast().reset("all"), p.toast(c)
  }, p.NotificationApp = new t, p.NotificationApp.Constructor = t
}(window.jQuery),
function(i) {
  i("#toastr-three").on("click", function(t) {
    var something = $(t.currentTarget).data('something');
    event.preventDefault();
    i.NotificationApp.send("Great !!", "Content saved succussfully !!" + something, "top-right", "#5ba035", "success")
  });
}(window.jQuery);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-toast-plugin/1.3.2/jquery.toast.min.js" integrity="sha512-zlWWyZq71UMApAjih4WkaRpikgY9Bz1oXIW5G0fED4vk14JjGlQ1UmkGM392jEULP8jbNMiwLWdM8Z87Hu88Fw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-toast-plugin/1.3.2/jquery.toast.css" integrity="sha512-8D+M+7Y6jVsEa7RD6Kv/Z7EImSpNpQllgaEIQAtqHcI0H6F4iZknRj0Nx1DCdB+TwBaS+702BGWYC0Ze2hpExQ==" crossorigin="anonymous" referrerpolicy="no-referrer"
/>


<button id="toastr-three" data-something="123"> Toast Me </button>

如何将参数从按钮传递给 jquery 函数？

How to pass parameter from button to jquery function?

javascript

jquery

toast