Переменная в имя класса

Question

Я пытаюсь поместить переменную в имя класса и после нескольких часов поиска я не нашел ответа. Это мой код. Я хочу поставить var i классу red_val, чтобы иметь red_val1, а затем red_val2 и т. Д. Если бы кто-нибудь мог мне помочь, это было бы здорово!

$(document).ready(function() { 
    var i = 1; 
    $('.container').on('click', '.dodaj', function() { 
     i++; 
     $('<div id="red_val"[+i]>ss</div><div id=red></div><div id=green></div><div id=blue></div>').appendTo('.container'); 
    }); 
}); 

Answer 1

Попробуйте это:

$(document).ready(function() { 
    var i = 1; 

    $('.container').on('click', '.dodaj', function() { 
      $('<div id="red_val'+i+'">ss</div><div id="red'+i+'"></div><div id="green'+i+'"></div><div id="blue'+i+'"></div>').appendTo('.container'); 
      $("#red"+i, "#green"+i, "#blue"+i).slider({ orientation: "horizontal", range: "min", max: 255, value: 127, slide: refreshSwatch, change: refreshSwatch }); 
      i++; 
    }); 
});