在第一個句子添加元素

Question

我有這樣的代碼：

<div class="content"> 
    This is some title<br/> 
    Some text<br/> 
    And maybe more text. 
</div> 

我想補充一個<span>周圍的第一句話是什麼和前<br/>這樣的：

<div class="content"> 
    <span>This is some title</span><br/> 
    Some text<br/> 
    And maybe more text. 
</div> 

Answer 1

我會提示：

$('.content br:first-child').each(function(){ 
    var t = $(this.previousSibling).wrap('<span />'); 
}); 

JS Fiddle demo。

雖然如果你想要做的是樣式一線，爲什麼不使用CSS的::first-line僞元素：

div.content::first-line { 
    color: #f90; 
    font-size: 2em; 
    /* and so on, and so forth... */ 
} 

JS Fiddle demo。

參考文獻：

• each()。
• wrap()。