Как добавить span внутри диапазона с помощью JQuery

Question

У меня есть массив строк (например, имена) в javascript. Я хочу добавить значения из этого массива в раскрывающийся список. Список кодов раскрывающийся как:

<span id="ddcl-pFilterSelect" class="ui-dropdownchecklist ui-dropdownchecklist-selector-wrapper ui-widget" style="display: inline-block; cursor: default; overflow: hidden;"> 
    <span class="dropdownChecklistAllBack" style="display: inline-block; overflow: hidden; white-space: nowrap;" tabindex="0"> 
    <span class="ui-dropdownchecklist-text" style="display: inline-block; white-space: nowrap; overflow: hidden;" title="default">default 
    </span> 
    </span> 
</span> 

В настоящее время этот выпадающий список отображает только одно значение: по умолчанию. Я хочу отображать значения из строковых имен в этом выпадающем меню. Пожалуйста, предложите, как я могу это сделать с помощью JQuery. Я пробовал много способов, но безрезультатно.

Answer 1

Написать список

$.each(array, function(key, value) { 
    $('.dropdownChecklistAllBack').append('<span class="ui-dropdownchecklist-text" style="display: inline-block; white-space: nowrap; overflow: hidden;" title="default">' + value + '</span>'); 
});