どうを追加する前のタグの中にコードタグjQuery?

Question

私は利用しよう jQuery フォーマットコードブロック、具体的には、追加 <pre> タグ内に <code> タグ:

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

Firefox用のフォーマットが正しくでIEを全体のコードブロックする。場合を追加するアラート

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

いたように、これまでとは違ったIEの挿入を追加テキスト入りのタグ:

<PRE jQuery1218834632572="null">

まブラウザで表示し、以下のjQuery変わります。

を利用した場合、 wrap() の代わりに wrapInner(), と、を包む <pre> 外の <code> タグ、IE、Firefoxの取扱を用い、正しく表してください。がない <pre> 作 内部 <code> でも見ることができますか？

いりませんので、予めご wrapInner() ることができるからそれがすべてのCSSクラスの <pre> タグのすべてに対処するためのフォーマットが使用すれば wrap(), 思い入れページのフォーマットを作成し、CSSの記 <pre> タグのテキスト-フォントのフォーマットの <code> タグ、またはFirefoxおよびIEの両方にチョーク.な対応が、今後は、いつまでも守り続けていきますので簡単に可能です。

していた。私何かが足りない?

Answer 1

ことになるとの違い ブロックおよびインライン ます。 pre ブロックレベル要素.でない法律で内 code タグ、 などを含めないでくださいインラインコンテンツ.

でブラウザにおいて支援いgodawfulタグの出汁でいかにリアル、web、Firefoxということができる。IEが取り扱いに異なるスカベンジャー-ハントの仕;挙動のその場合は指定できない。

• があります。 交換 の code 要素の pre?(このブロック/インライン課題、技術的にうける場合、要素内 要素に"流れ"コンテンツ, がブラウザの立場から展開させていただきたいものしています。
• なぜなのでし code 要素にしたい場合は、 pre's的に振る舞えるのでしょうか？
• きもの code 要素 pre'sの空白文字を保存電力のCSS white-space: pre, るのだそう IE6のみを表彰する厳格モード.

Answer 2

ちなみないわからない場合は、関連するものの前のタグの内部コードにシーンタグを検証しません厳格モードになります。

Answer 3

を使用していま最新のjQuery?何をしようとした場合

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

まりやんですか同じ結果?

Answer 4

としてmarkpascに説明したように、PRE要素の内部コードの要素をすることはできません。を変更するHTMLコードを使用 <pre><code> るものとし、その書式設定済みのブロックを含むコードを直接HTMLコードブロックとなります。

Answer 5

を使用できるhtml()をラップする

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

上記のように、うまでもよく変更ます。でもこのソリューション。