jQueryの$postの使い方についての質問です｡ $.post('test.php',{ test : test }, function(data){ $('#test').html(data); }); このような感じで使うと思うのですが <div …

人力検索はてな

ﾓﾊﾞｲﾙ版を表示しています｡PC版はこちら

jQueryの$postの使い方についての質問です｡

$.post('test.php',{ test : test },
function(data){
$('#test').html(data);
});

このような感じで使うと思うのですが

<div id='big_area'>
<div id='test'></div>
</div>

このような場合に id='test'の部分だけ取得し､更新したいのですが
$post()では全体を取得してしまうたためできません｡
戻り値の生HTML文字列から要素を取得すればよいのかな？と思ったのですが
私のやり方ではできませんでした

jQueryでこのようなことはできるのでしょうか？

上の単純な例に対応したｻﾝﾌﾟﾙｺｰﾄﾞがあれば解説は不要です
よろしくお願いします

●質問者: robopit
●ｶﾃｺﾞﾘ:ｳｪﾌﾞ制作
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

▽1 ● Lhankor_Mhy
●50ﾎﾟｲﾝﾄ

簡単に､

$(data).children('#test');

で､いいと思うのですが､どのように上手くいきませんでしたか？

Lhankor_Mhyさんのｺﾒﾝﾄ
あ､すみません､こっちの方がいいですね｡ >|| $(data).find('#test'); ||<

Lhankor_Mhyさんのｺﾒﾝﾄ
えｰと､その例で書くなら､ >|| $.post('test.php',{ test : test }, function(data){ $('#test').append( $(data).find('#test') ); }); ||< こんな感じになるかもしれないですね｡どこで引っかかってますか？

robopitさんのｺﾒﾝﾄ
$.post('test.php',{ test : test }, function(data){ $('#test').append( $(data).find('#test') ); }); こちらのほうやってみたのですがﾎﾞﾀﾝおしても反応がありませんでした｡ｴﾗｰも出ません変数にいれてからやったりしているのですが､やっぱりできません childrenの方も同じ反応です

Lhankor_Mhyさんのｺﾒﾝﾄ
うｰん｡ dataの中身はどうなっていますか？ >|| <div id='big_area'> <div id='test'></div> </div> ||< を含むHTMLが文字列で入っているんですよね？

robopitさんのｺﾒﾝﾄ
実際ですと <html>からjavascirptｺｰﾄﾞも含め全て入っています前後にｱﾗｰﾄ入れても動きますし､ｴﾗｰもでていないのに動かないのはどうような問題が考えられるのでしょうか？ちなみにtest.phpは自ﾍﾟｰｼﾞを指しています

Lhankor_Mhyさんのｺﾒﾝﾄ
うｰん｡ HTML文字列が入っているなら､このｻﾝﾌﾟﾙのように成功するはずなんですが｡ http://jsfiddle.net/ktg34/

robopitさんのｺﾒﾝﾄ
ﾌﾟﾗｸﾞｲﾝを入れていて1.7.1のﾊﾞｰｼﾞｮﾝなのが関係しているでしょうか？

Lhankor_Mhyさんのｺﾒﾝﾄ
ﾊﾞｰｼﾞｮﾝとかは関係ない気がしますね｡そうすると､$(data).find('#test')が何も返していない､つまりfindﾒｿｯﾄﾞでﾏｯﾁする要素がなかった､ということになるかと思います｡たとえば､ >|| $('#test').append( $(data).find('div:eq(0)') ); ||< とか書くと､何が起こりますか？

robopitさんのｺﾒﾝﾄ
alertで$(data).find('#test')を見るとobject Objectでした｡上記のものを入れても反応しませんでした appendをhtmlにすると空白になります

robopitさんのｺﾒﾝﾄ
alertでみるとdataの部分表示されますが､$(data).find('#test')は機能or認識していないみたいです

Lhankor_Mhyさんのｺﾒﾝﾄ
ん？ｽｸﾘﾌﾟﾄを動作させているﾍﾟｰｼﾞを取得してるんですか？そうすると､IDかぶってますよね？あれ？ひょっとして必要なのは､id="test"の中身だったりします？

robopitさんのｺﾒﾝﾄ
はいtestの中身を更新してまたtestに戻すのが目的です

Lhankor_Mhyさんのｺﾒﾝﾄ
>|| $('#test').html( $('#test', data).html() ); ||< ちょっと書き方を変えてみました｡

robopitさんのｺﾒﾝﾄ
$('#test', data).html() の部分をalertしたnullとでました #testの部分は空白が入りました

Lhankor_Mhyさんのｺﾒﾝﾄ
一応確認なんですが､そのpostで読んだHTMLの#testには何も書いてなかったりしないですよね？そうであるなら､もう現物見てみないとなんとも……

▽2 ● Cherenkov
●50ﾎﾟｲﾝﾄ

$("#tester").load('test.php #test', { text : test });

これでできないかな｡
参考：load( url, data, callback ) - jQuery 日本語ﾘﾌｧﾚﾝｽ

robopitさんのｺﾒﾝﾄ
ｲﾒｰﾄ同じ動きをしてくれたのですが､ﾌﾟﾗｸﾞｲﾝがおかしな動きしていて失敗しました｡他のやり方もこのﾌﾟﾗｸﾞｲﾝが不自然な動きで失敗したので他のﾌﾟﾗｸﾞｲﾝを探す方向で行きたいと思います｡目的は達成できませんでしたが､勉強になりました｡ 2人方ありがとうございました｡