Блог

Есть ли способ вместо того, чтобы делать что-то подобное:

 for (item in list){
  $("#myList").append("<option>"   list[item]   "</option>");
}
  

Чтобы вместо этого сделать что-то вроде:

 for (item in list){
   var option = new option(list[item]);
   $("#myList").add(option);
}
  

myList это выпадающий список в html. Я знаю, что для этого примера это не имеет большого значения, я просто думаю, становится ли добавляемая вещь ( <option> ) более сложной.

Спасибо

Используйте Option и select.add (собственные функции):

 var select = $("#myList")[0];
for(var item in list){
    var option = new Option(list[item]);
    select.add(option);
}
  

Обычно я делаю что-то вроде этого:

 var $opt;
for (item in list) {
    $opt = $('<option/>').text(list[item]).appendTo('#myList');
}
  

Это понятный, похожий на ООП способ выполнения действий, подобный jQuery, с дополнительным преимуществом создания переменной, хранящей новый HTML-элемент как объект jQuery, для дальнейших манипуляций.