jquery - 最初の文に要素を追加する

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 フィドルのデモ。

::first-lineただし、最初の行のスタイルを設定するだけなら、CSS の疑似要素を使用してみませんか。

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

JS フィドルのデモ。

参考文献:

• each().
• wrap().