HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>trigger button chain demo</title>
  <style>
    body { font-family: sans-serif; padding: 16px; }
    button { margin: 10px; padding: 8px 16px; cursor: pointer; }
    div { color: blue; font-weight: bold; margin: 8px 0; }
    span { color: red; font-weight: bold; }
  </style>
</head>
<body>
  <button type="button">Button #1</button>
  <button type="button">Button #2</button>
  <div><span>0</span> button #1 clicks.</div>
  <div><span>0</span> button #2 clicks.</div>
  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
  <script>
    function update(j) {
      var n = parseInt(j.text(), 10);
      j.text(n + 1);
    }
    $("button").first().on("click", function() {
      update($("span").first());
    });
    $("button").last().on("click", function() {
      $("button").first().trigger("click");
      update($("span").last());
    });
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

jQuery .trigger('click') — button chain demo (Try It)