如何使用 JQuery 将 <br> 标签放在 <td> 内容中？
Posted
技术标签:
【中文标题】如何使用 JQuery 将 <br> 标签放在 <td> 内容中？【英文标题】：How can I put <br> tag in <td> contents with JQuery? 【发布时间】：2015-05-11 11:03:51 【问题描述】：在我的<td> 标签中，-. 很少。我想要做的是，将<br> 标签放在这个特定单词的前面。我做了replace() 函数，但它只改变了一个-. 如何找到-. 的所有实例？
原文
Lorem Ipsum 只是印刷和排版行业的虚拟文本。 -.Lorem Ipsum 自 1500 年代以来一直是业界标准的虚拟文本。 -.它不仅经历了五个世纪，而且经历了电子排版的飞跃。
我想要什么
Lorem Ipsum 只是印刷和排版行业的虚拟文本。
-. 自 1500 年代以来，Lorem Ipsum 一直是业界标准的虚拟文本。
-. 它不仅经历了五个世纪，而且还经历了电子排版的飞跃。
这是我的代码示例
<table class="Notice">
<thead>
<tr>
<th>Name</th>
<th>Number</th>
</tr>
<thead>
<tbody>
<tr>
<td>Lorem Ipsum is simply dummy text of the printing and typesetting industry. -.Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. -.It has survived not only five centuries, but also the leap into electronic typesetting.</td>
</tr>
</tbody>
</table>
javascript
$('td:contains("-.")').html(function (i, htm)
return htm.replace(/-./g, "<br>-.");
);
解决方案
我发现了我的错误——我没有做“每一个”字。于是我使用了each()函数，效果很好！
$('td:contains("-.")').each(function ()
$(this).html($(this).html().replace(/-./g, "<br>-."));
);
【问题讨论】：
Replacing all occurrences of a string in JavaScript的可能重复 重复***.com/a/13574989/1107638 你要替换还是要在前面加上？？ 您能否提供您使用replace() 的地方的javascript 代码。可能有错误吗？实际上它应该像你期望的那样工作。请参阅此处的示例：w3schools.com/jsref/jsref_replace.asp @candle 我加了！ :) 这种方式只适用于-. 部分。
【参考方案1】：
使用具有全局匹配的 JavaScript replace() 函数。
replace(/-/g,"<br />-");
【讨论】：
谢谢 :) 但该功能仅适用于-. 。最后我用 each() 函数解决了自己。 $('td:contains("-.")').each(function () $(this).html($(this).html().replace(/-./g, "<br>-.")); ); 这行得通！【参考方案2】：
试试这个：
<!DOCTYPE html>
<html>
<body>
<p>Click the button</p>
<p id="demo">Lorem Ipsum is simply dummy text of the printing and typesetting industry. -.Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. -.It has survived not only five centuries, but also the leap into electronic typesetting.</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction()
var text = document.getElementById("demo").innerHTML;
text = text.replace(new RegExp("-.","g"), "<br>-.");
document.getElementById("demo").innerHTML = text ;
</script>
</body>
</html>
【讨论】：
感谢您的帮助，@candle :) 我可以在使用按钮时进行调整。 @naanace 没问题。也谢谢你。【参考方案3】：JavaScript
<p id="changeMe"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. -.Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. -.It has survived not only five centuries, but also the leap into electronic typesetting.</p>
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0.min.js"></script> -->
<script>
var p = document.getElementById("changeMe");
p.innerHTML = p.innerHTML.replace(/-./g, "<br>-. ");
</script>【讨论】：
以上是关于如何使用 JQuery 将 <br> 标签放在 <td> 内容中？的主要内容，如果未能解决你的问题，请参考以下文章