如何使用 JQuery 在跨度内添加跨度

How to add span inside a span using JQuery

我在 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 来做到这一点。试了很多方法都没用。

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