Question

如果html是

<pre>
<img src="imagesrc"></img>
</pre>

如何在<内使用jQuery或javascript将<替换为<pre> 上面代码的输出应为。

<pre>
&lt;img src="imagesrc">&lt;/img>
</pre>

Answer 1

您可能需要HtmlEncode and HtmlDecode

function htmlEncode(value){
  return $('<div/>').text(value).html();
}

function htmlDecode(value){
  return $('<div/>').html(value).text();
}

Answer 2

这是jsFiddle

$('pre').html(function(){$(this).html().replace('<', '&lt;')});

Answer 3

你在尝试这样的事吗？

HTML：

<pre>
<img src="imagesrc"></img>
</pre>

使用Javascript：

$(function() {
   var $pre = $('pre');
   $pre.html($pre.html().replace(/</g, '&lt;').replace(/>/g, '&gt;'));
});

Answer 4

var $pre = $('pre');
for (var i = 0; i < $pre.length; i++) {
  var pattern = $pre[i].innerHTML;
  pattern = pattern.replace(/</g,'&lt;').replace(/>/g,'&gt;');
  console.log(pattern);
  $pre[i].innerHTML = pattern;
}

如果您的文档中有多个预标记，则可以尝试此操作。

替换＆lt;与＆lt;在元素内

4 个答案: