Optimal way to write if and else with minimum of repete?

Optimal way to write if and else with minimum of repete?

Hello!

My questions if about the best way to write the following stuff most optimal with so few lines as posible? I provide an shorten example, in my case it should be much longer (A-Z). I hope you see what I trying to do.

Thanks!


  2. var Alfa =  data.daily.[1].ico; // posible values A-Z
  3. var Beta =  data.daily.[2].ico; // posible values A-Z
  4. var Gamma = data.daily.[3].ico; // posible values A-Z

  6. if (Alfa == 'A') {
  7. $('.testAlfa').attr('data-icon', 'A');
  8. } 
  9. else if (Alfa == 'B') {
  10. $('.testAlfa').attr('data-icon', 'B');
  11. }
  12. else if (Alfa == 'C) {
  13. $('.testAlfa').attr('data-icon', 'C');
  14. }  
  15. else{}

  17. if (Beta == 'A') {
  18. $('.testBeta').attr('data-icon', 'A');
  19. } 
  20. else if (Beta == 'B') {
  21. $('.testBeta').attr('data-icon', 'B');
  22. } 
  23. else if (Beta == 'C') {
  24. $('.testBeta').attr('data-icon', 'C');
  25. }  
  26. else{}

  28. if (Gamma == 'A') {
  29. $('.testGamma').attr('data-icon', 'A');
  30. } 
  31. else if (Gamma == 'B') {
  32. $('.testGamma').attr('data-icon', 'B');
  33. }
  34. else if (Gamma == 'C') {
  35. $('.testGamma').attr('data-icon', 'B');
  36. } 
  37. else{}


  40. <span class="testAlfa" data-icon=""></span>
  41. <span class="testBeta" data-icon=""></span>
  42. <span class="testGamma" data-icon=""></span>