trying to find new lines

newLineFinder.js

console.time('addSpans');
$("#editor1 p span").each(function() {
    var $self = $(this),
        newContent = $(this)[0].innerHTML.split(/\s+(?![^<>]*>)/).map(function(word) { return '<span>' + word + '</span>'; }).join(' ');
        
    $self.html(newContent);
});
console.timeEnd('addSpans');

console.time('process');
$("#editor1 p span span").each(function() {
    var $self = $(this), $prev = $self.prev('span'), $next = $self.next('span'), newLine;
    
    if (!$prev.length) return $self.addClass('line-start');
    
    newLine = $self.offset().top > $prev.offset().top;
    
    if (newLine) $prev.addClass('line-end');
});
console.timeEnd('process');