javascriptで個別ボタンを作りたい・・・・・のに

Question

javascriptを活用してリストのボタンをそれぞれ個別に実行できるようにしたいのですがうまくいきません

Idの中のymc.{{forloop.counter}}ループリスト番号１．２．３.....をクリックの発火材としてそれぞれの数字に対応したclickが実行されるようにするにはどうすればいいのでしょうか？

  ----html----
{% for answer in answer_list %}

   {{answer.user}}
 
   <button id = "ymc.{{forloop.counter}}">ボタン</button>

{% endfor %}

$("#????????").on("click",function(){   -------ここの$()の中をどうすべきか
        alert("endaaaaaaaaaaaaaaa");

    event.preventDefault();
    var ine = $(this);
   
    $.ajax({
            url: "../../post/3/ine_ajax/",
            method: 'POST',
            timeout: 10000,
            dataType: "json",
    })
    .done(function (data) {
        $('#ine').addClass('on')
        $('.ine-count').text('(' + data.count + ')' + ' ');
        $('.ine-msg').text(data.msg)
    })
    .fail(function (data) {
        alert("fail");
    });

Answer 1

同じクラスを割り当てて、セレクタをそのクラスにあてると良いです。
onの第２引数のfunctionには「イベントが発生した情報」が渡ってきているので、そこからcurrentTargetを利用することで「イベントが発生した要素」が取れます。

$(".hoge").on("click",function(event){ 
    console.log($(event.currentTarget));
//省略

あとはそれぞれのボタンにdata属性を配置し、渡したい情報を含めて置けば受け取りも楽です。

実装例

<button id = "ymc1" class="ymc" data-id="1">ボタン</button>
<button id = "ymc2" class="ymc" data-id="2">ボタン</button>
<button id = "ymc3" class="ymc" data-id="3">ボタン</button>

$(".ymc").on("click",function(event){ 
    console.log($(event.currentTarget).data("id"));
//省略

Comments

[退会済みユーザー]

currentTargetを用いて上手くいきました！！！
本当にありがとうございました。

[m.ts10806]

解決されたようで何よりです。