Jquery - how to add a click event for each button

Question

Using the below jquery, I am able to find each button with the id, what I can't get to happen is when I lick the button to actually load the URL. How can I modify the jquery so when I click the button it will before the load?

<script>
$(document).ready(function() {
    var url = '@Url.Action("_Research", "Dashboard")';
    const buttons = document.querySelectorAll('.btn');
    buttons.forEach(
        function (currentBtn) {
            alert(currentBtn.id);
            currentBtn.click(function() {
                $('#researchDiv').load(url, {
                    ticker: currentBtn.id
                })
            });
        }
    );
});
</script>

since you're using jquery you should `$(currentBtn)` – IT goldman Oct 09 '22 at 19:34 — IT goldman, Oct 09 '22 at 19:34

score 0 · Accepted Answer · answered Oct 09 '22 at 19:50

0

Since you're using jQuery, you don't need a loop. The jQuery event binding method automatically loops over all the elements. Then you can use this to refer to the button that was clicked.

$(document).ready(function() {
  var url = '@Url.Action("_Research", "Dashboard")';
  const buttons = document.querySelectorAll('.btn');
  $(".btn").click(function() {
    $('#researchDiv').load(url, {
      ticker: this.id
    })
  });
});

answered Oct 09 '22 at 19:50

Barmar

741,623
53
500
612

Thanks, that worked but now I don't understand why the whole page reloads the second time you click the button. – JL1 Oct 09 '22 at 19:56
It's probably a submit button. See https://stackoverflow.com/questions/12319758/clicking-a-button-within-a-form-causes-page-refresh – Barmar Oct 09 '22 at 20:00
I tried – JL1 Oct 09 '22 at 22:42
There's nothing in this code that will do that. Post a new question with a [mre]. – Barmar Oct 09 '22 at 22:45
even tried

@ticker.Ticker

and still loads the whole page – JL1 Oct 09 '22 at 22:47
Something unrelated to this code is doing that. That's why you need to post a [mre] – Barmar Oct 09 '22 at 22:47

Jquery - how to add a click event for each button

1 Answers1