jQuery：最后一个目标行之后，添加<span>来设置样式

Question

这是我目前的代码

<div class="desc-wrapper">Dr <br>
Crendetials<br>
Lecturer</div>

首先，我需要在最后<br>之后查找文本，然后我需要在<span></span>之间添加Lecturer，以便我可以通过CSS设置样式。

我如何在jQuery中实现这一目标？

Answer 1

这里只是众多方法中的一种：

$( $('div.desc-wrapper').children('br').last().get(0).nextSibling ).wrap('<span />');

$('div.desc-wrapper').children('br').last()部分获得最后一个<br>。 .get(0)为我们提供了原生JavaScript对象而不是jQuery对象，然后我们可以使用.nextSibling来获取<br>之后的实际文本。我们将它们全部包装在一个jQuery对象中，这样我们就可以再次使用jQuery将该文本包装在.wrap('<span />')

的范围内

示例：

＆＃13;

＆＃13;

$($('div.desc-wrapper').children('br').last().get(0).nextSibling).wrap('<span />');

＆＃13;

span {
  color: green;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="desc-wrapper">Dr <br> Crendetials
  <br> Lecturer
</div>

＆＃13;

＆＃13;

＆＃13;