时间戳

首页 > 解决方案 > 查找并替换所有不起作用的 html 代码

jquery - 查找并替换所有不起作用的 html 代码

问题描述

为什么查找和替换 html 代码不起作用？但是当我使用字符串或某些文本进行测试时，它可以工作。请给我解决方案。下面我写我的示例代码和我想要的结果代码

(#1)我的代码：

$(document).ready(function() {
  var getContent = $("table").html();
  var setReplaced = getContent.replace(/\td><td/g, 'td></tr><tr><td');
  $("table").html(setReplaced);
  console.log(setReplaced);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tbody>
    <tr>
      <td>111</td>
      <td>222</td>
    </tr>
    <tr>
      <td>333</td>
      <td>444</td>
    </tr>
  </tbody>
</table>

(#2) 我想要这样的 HTML。

<table>
    <tbody> 
        <tr>
            <td>111</td>
        </tr>
        <tr>
            <td>222</td>
        </tr>
        <tr>
            <td>333</td>
        </tr>
        <tr>
            <td>444</td>
        </tr> 
    </tbody>
</table>

请更正我的 jquery 代码。并给我一个解决方案。非常感谢您

标签： jqueryhtml

解决方案

看起来您的正则表达式中有错字。你的意思 ：

getContent.replace(/\/td><td/g,'/td></tr><tr><td');

推荐阅读