jQuery の引数にHTMLつっこんだときの挙動

ryomatsu

16年前

var t = '<html><body><div id="a">my name is a.<p class="c" id="e">this is c.</p><div id="b">my name is b.<p class="d">this is d.</p></div></body></html>';
console.log( $(t) );
console.log( $(t).parent() );
console.log( $(t).html() );
console.log( $( 'body', $(t) ));
console.log( $( 'div', $(t) ));
console.log( $( 'p', $(t) ));

[div#a, div#b]
[div]
my name is a.<p class="c" id="e">this is c.</p>
[]
[]
[p#e.c, p.d]

get で取ってきたHTMLファイルの特定の箇所を得とくしようと思ったのだが、jQuery の引数にHTMLを突っ込んだとき、単純に$(t).html() では div の内側しか取れず、上記の t の内容で body 以下を全て得とくしようとすると $(t).parent().html() としないといけない・・・のか？よーわからん。時間があったらこのへんのソースを読む。（とか言っておいてやらなそう。）