如何使用 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>');
});
我在 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>');
});