选择并跨越每行中的第一个和最后一个单词

Question

是否可以用jQuery包含标题中每行文本中的第一个和最后一个单词？

我调查了lettering.js和其他人，但却未能创造出完美的结果。

期望的结果：

<h1>This is text within a <span>line</span>
 That is wrapped within a span <span>based</span>
 on calculated jQuery <span>somehow.</span></h1>

这里的任何帮助都会很精彩！

Answer 1

这样的事情怎么样：

$(document).ready(function(){
    $textVal = $("h1").html();
    var lines = $textVal.split((/\n/g)||[]);
    var newText = [];
    for(var i = 0; i < lines.length; i++){
        var tmp = lines[i].split(" ");
        for(var j = 0; j < tmp.length; j++){
            if(j + 1 === tmp.length) tmp[j] = "<span>"+tmp[j]+"</span>";
            newText.push(tmp[j]+" ");
        }
    }
    $("h1").html(newText);
});

span{
    color:red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h1>This is some
    text that i
    am testing with
    allright!?</h1>