1 つの JavaScript クリック イベントに複数の ID がある 質問する

1 つの JavaScript クリック イベントに複数の ID がある 質問する

JavaScript では、クリック イベントを使用してチャート データを変更しています。以下はクリック イベントのメソッドです。

$('#pro1').click(function () {
            chart.series[0].update({
                data: pro1
            });
        });
        $('#pro2').click(function () {
            chart.series[0].update({
                data: pro2
            });
        });
        $('#pro3').click(function () {
            chart.series[0].update({
                data: pro3
            });
        });

これら 3 つのクリック イベントを 1 つのイベントに縮小する必要があります。つまり、ID を処理する 1 つのクリック イベントを記述する必要があります。以下のコードのようになります。

$('#pro'+i).click(function () {
chart.series[0].update({
     data: pro+i
});
});


正確なやり方がわかりません。上記のコードは正しくありません。これは単に私の JavaScript の知識不足によるものです。

ベストアンサー1

これを試して:

var that = this;
$('#pro1,#pro2,#pro3').click(function () {
    chart.series[0].update({
        data: that[$(this).attr('id')];
    });
});

おすすめ記事