javascript - 将分割字符串的子字符串包装在元素中

Question

如何使用 javascript/jquery 选择全部 $('td.created')并将 html 拆分为 <br> ，然后将每个部分包装在 span 标记中(以便我可以向 span:first 添加一个类以设置其样式)。

从 $('td.created').html() 返回的字符串格式是这样的

posted by User123 <br> Posted on 1/2/12 at 4:15PM

Answer 1

可能的通用解决方案(不仅适用于 2 行):

$("td.created").each(function() {
    var text = this.innerHTML.split("<br>");
    for (var i = 0; i < text.length; i++) {
        var span = $("<span />").html(text[i]);
        if (i == 0) span.addClass("first");
        span.appendTo("#element");
    }
});​

演示: http://jsfiddle.net/7xQAL/