Как добавить тег с помощью JQuery ?

я пытаюсь использовать jQuery для форматирования блоков кода, специально для добавления <pre> внутри тега <code> тег:

$(document).ready(function() {
$("code").wrapInner("<pre></pre>");
});

Firefox применяет форматирование правильно, но IE ставит весь блок кода на одной линии. Если я добавить оповещение

alert($("code").html());

я вижу, что IE вставил какой-то дополнительный текст в pre тег:

<PRE jQuery1218834632572="null">

Если я перезагрузки страницы, количество следующие jQuery изменений.

Если я использую wrap() вместо wrapInner(), чтобы обернуть <pre> за <code> тег, оба IE и Firefox правильно с ней обращаться. Но не <pre> работы внутри <code>?

я предпочитаю пользоваться wrapInner() потому что я могу затем добавить CSS-класс <pre> - тег, чтобы обрабатывать все форматирование, но если я буду использовать wrap(), я должен поместить страницу форматирование CSS в <pre> тегов и текста/font formatting в <code> тег, или Firefox и IE, как дроссель. Не большое дело, но я бы хотел сохранить его как можно более простым.

кто-нибудь еще сталкивался с этим? Я что-то упустил?

Найдено 5 ответов:

How do I add a pre tag inside a code tag with jQuery?

http://stackoverflow.com/questions/12794/how-do-i-add-a-pre-tag-inside-a-code-tag-with-jquery

Посмотреть решение →