使用 wordpress 用 javascript 替换破折号 <br> 的问题答案

【问题标题】：Issues replacing dashes by <br> with javascript using wordpress使用 wordpress 用 javascript 替换破折号 <br> 的问题
【发布时间】：2022-11-14 23:25:34
【问题描述】：

我正在尝试用“br”替换所有破折号（-），但这给我带来了问题。

我努力了

var strNewString = $('.member__designation').html().replace(/-/g,'<br>');
$('.member__designation').html(strNewString);

这是html

在应用上面的代码之前

应用上面的代码后

【问题讨论】：

请显示 HTML - 使用正则表达式替换 HTML 中的内容绝不是一个好主意
我现在在我的帖子中包含了 html。谢谢提醒：）

标签： javascript jquery wordpress frontend

【解决方案1】：

你可能想要

 $('.member__designation').each(function() {
   this.textContent = this.textContent.replace(/-/g,'<br>')
 })

假设 $('.member__designation') 只有文本而不是 html

如果只有简单的 HTML 像 <b> 然后做

 $('.member__designation').each(function() {
   this.innerHTML = this.innerHTML.replace(/-/g,'<br>')
 })

【讨论】：

【解决方案2】：

看起来您使用类 .member__designation 获取所有元素，然后将它们替换为您的正则表达式获取的任何内容。我认为你必须改变你的实施

【讨论】：