用class =“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

您需要join 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>");
}