javascript - 如何使用 jquery 或 javascript 从 html 表中删除 div 标签？

Question

我想从 html 表格中删除 div 但保留内容？

<table id="datatable">
    <thead>
        <tr>
            <th></th>
            <th>Jane</th>
            <th>John</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th>Apples</th>
            <td><div>3</div></td>
            <td><div>4</div></td>
        </tr>
    </tbody>
</table>

我试过:

alert($('#datatable').html().replace('<div>', ''));

但是警告的内容仍然包含

<div>

标签

我无法将它们从源中删除，因为它们已用于其他目的。

Answer 1

要保持 DOM 不被修改(即:在源代码中保留 <div> 标签)并且只修改 HTML 变量，您可以这样做:

var html = $('#datatable').html();
var tags = ["<div>", "</div>"];

for (var i = 0; i < tags.length; i++) {
    while (html.indexOf(tags[i]) > -1) {
        html = html.replace(tags[i], "");
    }
}

alert(html);

这可作为演示在 this fiddle 获得.

您最初的解决方案的问题是 JavaScript replace只删除第一次出现的指定字符串。因此 while循环。