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 小提琴演示。

虽然如果你只想为第一行设置样式，为什么不直接使用 CSS 的::first-line伪元素：

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

JS 小提琴演示。

参考：

• each().
• wrap().