單個JavaScript單擊事件中的多個ID

Question

在JavaScript中，我正在使用click事件來更改圖表數據。以下是點擊事件的方法。

$('#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 
      }); 
     }); 

我需要在一個事件中縮小這三個點擊事件，意味着我想寫一個點擊事件來處理這個ID。有些東西就像下面的代碼。

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

我不知道如何做到這一點沒錯。上面的代碼是不正確的，這只是我缺乏JavaScript的知識。

Answer 1

我建議創建對象和使用類選擇所述元件時，點擊的元素的id檢索輔助對象的相應屬性的值：

var pros = { 
    pro1: '...', 
    pro2: '...' 
}; 

$('.pros').click(function() { 
    chart.series[0].update({ 
     data: pros[this.id] 
    }); 
}); 

Answer 2

使用班級。

$('.pro').click(function() { 
chart.series[0].update({ 
    data: $(this).attr('id'); 
}); 
}); 

，然後在每個＃PRO1，＃PRO2，＃PRO3元素添加一個類的 '親'

Answer 3

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

更新代碼

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

Answer 4

你可以給所有的您的元素是一個類名，並在jQuery中使用：eq（）選擇器。

Answer 5

$("*[id^=pro]").click(function() { 
    chart.series[0].update({ 
     data: $(this).attr('id'); 
    }); 
}); 

Answer 6

嘗試這種情況：

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