заменить <на <внутри элемента

Question

если HTML равен

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

как бы вы с помощью jQuery или javascript заменили < на < для чего-либо в пределах <pre> Выход для кода выше должен быть.

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

Answer 1

Вы, вероятно, хотите HtmlEncode и HtmlDecode

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

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

Answer 2

Вы пытаетесь что-то подобное?

HTML:

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

Javascript:

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

Answer 3

Здесь jsFiddle

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

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;
}

Вы можете попробовать это, если у вас есть несколько предварительных тегов в вашем документе.