getとpostで動作しない `this`を使用する

Question

私はキーアップでslideDown divにします。しかし、投稿で$(this)の選択を使用したり、メソッドを取得しても機能しません。それは外です。しかし、内部のポストは動作しません。

これは私のコードです。このコードで

$('.search').keyup(function() { 
    var ID = $(this).parent().find('.hiddenid').val(); 
    var Search = $(this).val(); 
    if (Search == "") { 
     $(this).parent().next().slideUp('fast'); 
    } else { 
     $.get('getphone.php', { 
      ID: ID, 
      Search: Search 
     }, function(D) { 
      $(this).parent().next().html(D).slideDown(1000); 

     }); 
    } 

}); 

、私はそれはかつて私はそれが動作しません$(this)使用Down.butにスライドするクラスの検索」の親の次を取得しようとしています。

Answer 1

var $this= $(this); 

説明：あなたの他のポイントの内部これはスコープの問題である$（この）コマンドを別の要素

$('.search').keyup(function(){ 
    var $this= $(this); 
    var ID = $this.parent().find('.hiddenid').val(); 
    var Search = $this.val();    
    if(Search == ""){ 
     $this.parent().next().slideUp('fast'); 
    } 
    else{ 
     $.get('getphone.php',{ID:ID,Search:Search},function(D){ 
      $this.parent().next().html(D).slideDown(1000); 
      }); 
     }    
}); 

Answer 2

に$（これは）動作しない理由は、それは別の関数の中にあります。一般的に、これは他の答えに示されているように$ thisが解として使われます。しかし、この場合、単にhtmlとしてurlからの出力を追加したいと考えると、load関数の助けを借りてget関数を単純化することができるので、追加の関数を持たないので$ thisは必要ありません宣言された。

else { 
    $(this).parent().next().load('getphone.php',{ID:ID,Search:Search}) 
          .slideDown(1000); 
} 

残りのコードは元のコードと同じです。 slideDownオプションをロード後にのみ呼び出す場合は、コールバックとして使用できます。

else { 
    $(this).parent().next().load('getphone.php',{ID:ID,Search:Search}, 
          function(){ 
           $(this).slideDown(1000) 
          }); 

} 

もう一度これはあなたの特定の場合にのみ役立ちます。