Wiele identyfikatorów w jednym zdarzeniu kliknięcia JavaScriptu

Question

W JavaScript używam zdarzenia kliknięcia, aby zmienić dane wykresu. Poniżej znajduje się metoda dla zdarzenia kliknięcia.

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

muszę minify te trzy zdarzenia kliknięcia w jednym przypadku, to znaczy chcę napisać jedno zdarzenie click, które obsłuży identyfikatora. coś jak poniższy kod.

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

nie wiem jak to zrobić dokładnie. Powyższy kod jest niepoprawny, to tylko mój brak znajomości JavaScript.

Answer 1

Proponuję utworzenie obiektu i wybranie elementów za pomocą klas, id elementu klikniętego pobiera wartość odpowiedniego właściwości obiektu pomocnika:

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

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

Answer 2

Użyj klasy.

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

A potem na każdej z # Pro1, # Pro2 # elementów Pro3 dodać klasę 'pro'

Answer 3

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

zaktualizowany kod

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

Answer 4

Mógłbyś dać wszystko twoje elementy to nazwa klasy i użyj selektora: eq() w jQuery.

Answer 5

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

Answer 6

Spróbuj tego:

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