Question

我需要将表格中的<和>转换为<和>。我用来执行此操作的功能效果很好。

<div class="schedule">    
<table>
      <tbody>
        <tr>
          <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.&lt;br /&gt;
            <em>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</em>&lt;br /&gt;Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</td>
        </tr>
      </tbody>
    </table>
</div>

和

$('.table-container td').each(function(){
  var $this = $(this);
  var t = $this.text();
  $this.html(t.replace('&lt','<').replace('&gt', '>'));
});

但是，此功能还会删除不需要任何转义的<em>标记。谁知道为什么？

https://jsfiddle.net/et1crLug/

Answer 1

因为您使用.text()来获取HTML内容。

改为使用.html()：

var t = $this.html();

https://jsfiddle.net/et1crLug/1/

Answer 2

使用html(function)替换each循环

的快捷方式

$('.table-container td').html(function(_,existing){
     return existing.replace('&lt;','<').replace('&gt;', '>');
});

的 DEMO

Answer 3

当你使用replace（）时，我发现它只替换了第一个实例。如果您使用正则表达式，则可以将其设置为使用<

替换>和/g的每个实例

https://jsfiddle.net/xdoj0qLy/

为什么使用替换unescape html标签也会删除所有其他html标签？

3 个答案: