javascript - 附加的 span 标签没有指定的文本

Question

我正在尝试遍历一组选中的复选框，并将每个选中框的文本附加到一个 div 作为跨度。我已经尝试将选项标签用于选择并且它工作正常，但是当使用 span 标签时，文本似乎没有显示。

$.each(elms, function(index, value) {
    var textVal;
    textVal = $.trim($(value).parent().text());
    return $('#narrowSic').append($('<span class=label>', {
        text: textVal
    }));
});​

这是与它一起使用的 HTML:

  <div id="filteredSicDiv">
        <a href="javascript: void(0)">Clear</a>
        <div id="narrowSic" class="labelParent">
                  Sic:</div>
  </div>

Answer 1

我相信对于棘手的部分，您真正想要的代码类似于请注意我正在附加到正文以进行调试:

$(document.body).append($('<span />', {
    "text": textVal,
    "class": 'label'
}));​

请参阅 http://api.jquery.com/jQuery/#jQuery2 处的 jQuery 文档并注意这个警告:

When passing in complex HTML, some browsers may not generate a DOM that exactly replicates the HTML source provided.

因此您更新后的代码段是:

$.each(elms, function(index, value) {
    var textVal = $.trim($(value).parent().text());
    return $('#narrowSic').append($('<span />', {
        "text": textVal,
        "class": 'label'
    }));
});

这假定在所有情况下，您的 textVal 值都按预期工作。