当前位置: 首页 > 知识库问答 >
问题:

如何使用JQuery在内容中添加标记?

方夜洛
2023-03-14

在我的

Lorem Ipsum只是印刷和排版行业的虚拟文本。-。Lorem Ipsum自16世纪以来一直是业界标准的虚拟文本。-。它不仅存活了五个世纪,而且飞跃到电子排版。

Lorem Ipsum只是印刷和排版行业的虚拟文本。

-自16世纪以来,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>
$('td:contains("-.")').html(function (i, htm) {
    return htm.replace(/-./g, "<br>-.");
});

我发现了我的错误——我没有做到“每一个”字。所以我使用了each()函数,它工作得非常好!

$('td:contains("-.")').each(function () {
    $(this).html($(this).html().replace(/-./g, "<br>-."));
});

共有3个答案

端木飞
2023-03-14

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>
郝永思
2023-03-14

试试这个:

<!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>
端木野
2023-03-14

使用全局匹配的JavaScript replace()函数。

replace(/-/g,"<br />-");
 类似资料:
  • 我在React应用程序中使用: 我想在最后一列标题中添加一些按钮(而不是列名): 其中列: 那要怎么做?有可能吗?我什么都找不到

  • 我已经尝试了Flurl的常规PutJsonAsync方法,但没有成功。这是我的代码中唯一的非flurl部分。 事先Thanx。

  • 问题内容: 使用CMS,可防止编辑元素的HTML源。 例如,我想在标签上方添加以下内容: 问题答案: 您可以选择它并正常添加到它:

  • 问题内容: 我想知道如何动态增强jQuery Mobile页面? 我尝试使用以下方法: 和 另外,如何仅阻止复选框的增强标记? 问题答案: 介绍: 有几种增强动态创建的内容标记的方法。将新内容动态添加到jQuery Mobile页面还不够,必须使用经典的jQuery Mobile样式来增强新内容。因为这是处理繁重的任务,所以需要有一些优先级,如果可能的话,jQuery Mobile需要做的工作尽可

  • 我想知道如何动态增强jQuery移动页面? 我尝试使用以下方法: > <代码>$(“[数据角色=“页面”]”)。触发器(“创建”) 和 <代码>$(“[数据角色=“页面”]”)。第页() 另外,如何防止仅对复选框进行增强标记?

  • 注意: Adobe Muse 不再添加新增功能,并将于 2020 年 3 月 26 日停止支持。有关详细信息和帮助,请参阅 Adobe Muse 服务结束页面。 Adobe Edge Animate 是一种 Web 交互式设计工具,可让您使用 HTML5 等 Web 标准向网站添加动画内容。您可以使用 Animate 中直观的时间轴界面形象地构建引人入胜的 HTML5 动画,当访客在所有现代浏览器