使用 jQuery 在 x 个单词后插入 <br /> 标签<a>

Question

知道如何使用链接吗？我试过了，但什么都没有

<h3 class="wd-entities-title"><a href="#">WIANEK Amarylis bohaterem</a></h3>
$(".wd-entities-title").each(function() {
var html = $(this).html().split(" ");
html = html[0] + "<br>" + html.slice(1).join(" ");
$(this).html(html);
});

http://jsfiddle.net/nd46b23L/

Answer 1

要分隔的文本位于<a>标记内-您应该将其包含在查询中，否则您将遇到的第一个空间是<a>标记中的空间。

$(".wd-entities-title a").each(function() {
var html = $(this).html().split(" ");
html = html[0] + "<br>" + html.slice(1).join(" ");
$(this).html(html);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h3 class="wd-entities-title"><a href="#">WIANEK Amarylis bohaterem</a></h3>

Answer 2

使用html(function)的方法稍微不那么详细，它将迭代匹配选择器<a>的所有实例，为每个实例公开当前html

然后使用replace()在第一个空格插入中断并返回修改后的字符串

$(".wd-entities-title a").html((i, curr) => curr.trim().replace(' ', ' <br/>'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h3 class="wd-entities-title"><a href="#">WIANEK Amarylis bohaterem</a></h3>