Home > 聞いて欲しい独り言 > jQueryトリビアルメモ5 要素の削除

jQueryトリビアルメモ5 要素の削除

IEでpreタグのinnerHTMLに代入すると勝手にエンティティ化されるばかりか改行コードも空白になっちゃう(※前回エントリ)ということで、jQueryでhtml()を使ってもだめなわけです。


<script type="text/javascript">
$("#hoge").html("hoge\nhoge");
</script>

<pre id="hoge"></pre>

で、どうしたらいいか。そんなことは知らないけれども私の場合は次のようにしました。
createTextNodeでは\nはだめでも\rは使えるっぽいのでこれを使う。


<script type="text/javascript">
if ($.browser.msie) {
   $("#hoge").append(document.createTextNode("hoge\nhoge".replace(/\r?\n/g, "\r")));
} else {
   $("#hoge").html("hoge\nhoge");
}
</script>

<pre id="hoge"></pre>

textareaのvalueなどから改行つきのデータを取ってきてpreタグに代入するとか言う場合はこんなことをすればいいかと。
で、こうやったのはいいんだけど、preタグの中をクリアしたいとき、


$("#hoge *").remove();

とか


$("#hoge").html("");

ではだめだった。


$("#hoge").empty();

でOKだった。

以上

Comments:0

Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://red-treasure.com/report/wp-trackback.php?p=224
Listed below are links to weblogs that reference
jQueryトリビアルメモ5 要素の削除 from コスミー報告書[社外秘]

Home > 聞いて欲しい独り言 > jQueryトリビアルメモ5 要素の削除

Search
Feeds
Meta
 合計:019091
 今日:0084 昨日:0146

Return to page top