javascript - 解析一行文本并在给定单词之前动态插入换行符？

Question

我有一个如下所示的锚元素： <a href='/somewhere' class='break'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ornare.</a>

它可能会说各种各样的东西，但通常会包含相同的单词。<br/>我想在单词之前动态插入换行符amet（在本例中）。

解决此问题的最佳方法是什么？

标签： javascriptjquery

Answer 1

尝试这个：

$('#btnBreak').click(function(){
  $('.break').html($('.break').text().split('amet').join('amet <br />'));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href='/somewhere' class='break'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ornare.</a>

<button id="btnBreak">Break it</button>

.split()将要

将字符串拆分为子字符串数组

https://www.w3schools.com/jsref/jsref_split.asp

.join()

...将数组的元素连接成一个字符串，并返回该字符串。元素将由指定的分隔符分隔。默认分隔符是逗号 (,)。

https://www.w3schools.com/jsref/jsref_join.asp

JavaScript 中的NOTE .replace()只会替换第一次出现的字符串，除非分隔符是正则表达式