我如何使用JQuery将<tag>标签放在<td>内容中?

在我的<td>标签中,很少有-. 在里面。 我想要做的是,把<br>标签放在这个特定的单词前面。 我做了replace()函数,但它只改变了一个-. 我如何找到 - 的所有实例-.

原文

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>

使用Javascript

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

我发现我的错误 - 我没有做'每个'字。 所以我使用了each()函数,它完美地工作!

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

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

replace(/-/g,"<br />-");

尝试这个:

<!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>
链接地址: http://www.djcxy.com/p/94033.html

上一篇: How can I put <br> tag in <td> contents with JQuery?

下一篇: jQuery table row builder