Multiple id's in a single JavaScript click event

Question

In JavaScript I am using click event to change chart data. Below is a method for click event.

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

I need to minify these three click events in one event, means I want to write one click event which handle the id's. some thing like below code.

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

I don't know how to do it exactly. The above code is not correct, it is just my lack of knowledge of JavaScript.

Answer 1

Try this:

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