javascript - 用类 ="en"包裹 div 中的每个英文字母

Question

我想用 <span class="en"> 将每个英文字母/单词包装在特定的 div 中更改此字母/单词中的字体。

这是我的代码。它根本不起作用错误是什么？我应该修复什么？

var newhtml = [];

$.each($('.ItemDescription p').text().split(' '), function(i, text) {
    var alphabet = text.split("");
    $.each(alphabet, function(letter) {
        if (app.englishExp.test(letter)) {
            newhtml.push("</span><span class='en'>");
        }
        newhtml.push(letter);
    });
});

$('.ItemDescription p').text(newhtml);

谢谢 Liron。

Answer 1

您需要加入 newhtml 数组，否则您将直接转储它。

$('.ItemDescription p').html(newhtml.join(''));

替换

if (app.englishExp.test(letter)) {
            newhtml.push("</span><span class='en'>");
        }
        newhtml.push(letter);

与

if (app.englishExp.test(letter)) {
      newhtml.push("<span class='en'>" + letter + "</span>");
}