如何使用jQuery在指定数量单词后插入<br />标签？含带链接标题的实现疑问

你的问题核心在于错误操作了外层容器的HTML结构，而没有直接针对<a>标签的文本内容进行处理。原来的代码会把<a>标签本身拆成字符串片段，导致链接结构被破坏，自然无法正常生效。

正确的实现思路 #

我们需要直接定位到<h3>内部的<a>标签，提取它的文本内容进行拆分和重组，再把处理后的内容放回<a>标签中（用html()而不是text()，因为要插入HTML标签）。

基础实现（第1个单词后插入
） #

如果你的需求是在第1个单词后换行，代码可以这样写：

$(".wd-entities-title a").each(function() {
  // 获取<a>的文本内容，拆分成单词数组
  const wordArray = $(this).text().split(" ");
  
  // 确保有足够的单词再进行操作，避免数组越界
  if (wordArray.length > 1) {
    // 重组文本：第一个单词 + <br> + 剩余单词拼接
    const newContent = `${wordArray[0]}<br>${wordArray.slice(1).join(" ")}`;
    // 将处理后的内容放回<a>标签
    $(this).html(newContent);
  }
});

通用化实现（支持任意x个单词后插入） #

如果需要自定义在第x个单词后插入换行，只需要调整切片的逻辑：

// 定义要插入换行的位置：第x个单词后
const x = 2; 

$(".wd-entities-title a").each(function() {
  const wordArray = $(this).text().split(" ");
  
  // 只有当单词数量大于x时才执行插入
  if (wordArray.length > x) {
    // 前x个单词拼接成第一部分
    const firstSection = wordArray.slice(0, x).join(" ");
    // 剩余单词拼接成第二部分
    const restSection = wordArray.slice(x).join(" ");
    // 组合并插入<br>
    const newContent = `${firstSection}<br>${restSection}`;
    
    $(this).html(newContent);
  }
});

为什么原来的代码失效？ #

你之前的代码操作的是.wd-entities-title的html()，这会把整个<a href="#">WIANEK Amarylis bohaterem</a>拆分成字符串数组，比如第一个元素是<a href="#">WIANEK，重组后会破坏<a>标签的闭合结构，导致链接功能异常，同时HTML结构也不合法。

内容的提问来源于stack exchange，提问作者Gregory Mad