2011-01-28 11 views
0

以下のjQueryコードは、リンク(クラスアドレス)をクリックするとボックスをスライドし、#msg divのdetails.phpファイルからすべてのテキストを出力します。しかし、details.phpに存在する1つのdiv(#address)だけを表示したい。これはどうすればできますか?ありがとう。jQueryで特定のdivのみを表示

$(document).ready(function() { 
     $('a.address').click(function() { 
      $('#box).slideDown("slow");    
      $.ajax({ 
      type: "POST", 
       url: "details.php", 
       success: function(html){ 
       $("#msg").html(html); 
       } 
      }); 

     }); 
    }); 

答えて

1

返されたデータのうち、jQueryオブジェクトを作成し、セレクターを適用します。

$(document).ready(function() { 
     $('a.address').click(function() { 
      $('#box').slideDown("slow");    
      $.ajax({ 
      type: "POST", 
       url: "details.php", 
       success: function(html){ 
       $("#msg").html($(html).find('#address').html()); 
       } 
      }); 

     }); 
    }); 

また、あなたはおそらくないので、これはおそらく.one('click', function() {})を使用するための良い候補になることに注意してくださいクリックされるたびにアドレスを読み込みたいだけでなく、初めてのアドレスにします。

+0

回答ありがとうございました。しかし、私は問題を抱えています。コードは機能していないようです。 details.phpファイルは非常にシンプルで、わずかな数のdivとdiv内のテキストしか含まれていません。投稿したコードはうまくいきますが、あなたのコード(成功の中の変更された行)を使用するときにはうまくいきません。どんな手掛かり? – user966582

+0

@ user547969、firebugやchromeの開発ツールの機能に入り、$(html).find( '#address')が返ってくるものを見てください。おそらく、返されるHTMLは、あなたが思うものではないでしょう。 – tster

0

3行目の引用符が表示されない場合は、それが役立ちます。

$('#box').slideDown("slow"); 
+0

ありがとうございました。 – user966582

関連する問題