ID multipli in un singolo evento click JavaScript

Question

In JavaScript sto utilizzando l'evento click per modificare i dati del grafico. Di seguito è riportato un metodo per l'evento 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 
      }); 
     }); 

ho bisogno di minify questi tre eventi click in un unico evento, significa che voglio scrivere un evento click che gestiscono i id. qualche cosa come sotto il codice.

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

non so come farlo esattamente. Il codice sopra riportato non è corretto, è solo la mia mancanza di conoscenza di JavaScript.

Answer 1

Vorrei suggerire la creazione di un oggetto e selezionando gli elementi utilizzando classi, id dell'elemento cliccato recupera il valore della proprietà corrispondente dell'oggetto helper:

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

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

Answer 2

Utilizzare una classe.

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

E poi su ciascuna delle # Pro1, # Pro2, # PRO3 elementi aggiungere una classe di 'pro'

Answer 3

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

codice aggiornato

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

Answer 4

Si potrebbe dare tutti i tuoi elementi un nome di classe e usa il selettore: eq() all'interno di jQuery.

Answer 5

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

Answer 6

Prova questo:

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