使用 jQuery 在特定符号后换行

Question

我想要做的是将文本包装到 ll 标签内的 div 中。这不会有问题，但我需要包装特别出现在“-”（减号）之后的文本，包括“减号”本身。

这是我的 html：

<ul>
    <li>Some list text - Additional text</li>
</ul>

结果我试图实现这一目标：

<ul>
     <li>Some list text <span class="after">- Additional text<span></li>
</ul>

请问有人可以帮助我吗？

先感谢您。

Answer 1

像这样的事情应该这样做。

$('li').each(function() {
  $(this).html($(this).text().replace(/-.*$/, '<span class="after">$&</span>'));
});