Question

How do i use javascript/jquery to select all $('td.created') and split the html on <br>, then wrap each section in span tags (so that i can add a class to span:first in order to style it).

The format of the string which is returned from $('td.created').html() is something like

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

Answer 1

Possible universal solution (works not only for 2 lines):

$("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");
    }
});​

DEMO: http://jsfiddle.net/7xQAL/