Как добавить тег pre внутрь кодового тега с jQuery?

Вот в чем разница между блочными и встроенными элементами. pre -это элемент уровня блока . Это не законно помещать его в тег code , который может содержать только встроенное содержимое .

Поскольку браузеры должны поддерживать любой ужасный суп из тегов, который они могут найти в реальной сети, Firefox пытается сделать то, что вы имеете в виду. IE случается обращаться с ним по-разному, что прекрасно для спецификации; поведение в этом случае не определено, потому что оно никогда не должно происходить.

• Не могли бы вы вместо этого заменить элемент code на pre ? (Из-за проблемы block/inline технически это должно работать только в том случае, если элементы находятся внутри элемента с содержимым "flow" , но браузеры все равно могут делать то, что вы хотите.)
• Почему это code элемент в первую очередь, если вы хотите pre 's поведение?
• Вы также можете дать code элементу pre ' s whitespace сохранение мощности с CSS white-space: pre , но, по-видимому, IE 6 только чтит это в строгом режиме .

Кстати, я не знаю, связано ли это, но предварительно теги внутри тегов кода не будут проверяться в строгом режиме.

Вы используете последнюю версию jQuery ? А что если ты попробуешь

$("code").wrapInner(document.createElement("pre"));

Это лучше или вы получаете тот же результат ?

Как заявил маркпаск, элемент PRE внутри элемента CODE не допускается в элементе HTML. Самое лучшее решение-это изменить код HTML на использование <pre><code> (что означает предварительно отформатированный блок, содержащий код) непосредственно в вашем HTML для блоков кода.

Вы можете использовать html(), чтобы обернуть его:

$('code').each(function(i,e)
{
    var self = $(e);
    self.html('<pre>' + self.html() + '</pre>');
});

Как уже упоминалось выше, вам было бы лучше изменить свой html. Но это решение должно сработать.