JQuery divセレクタが予期した通りにトラバースされない

Question

別のajax関数を使用して以前にロードされたdivにajax経由でコンテンツをロードしようとしています。いずれにせよ、それらはすべて同じ内容でロードされるか、まったくロードされません。私はそれが本当にシンプルな何か私は行方不明であると確信しています - どんな助けも大歓迎です。

のAjax機能：

$(document).on('click', '.btn.btn-clearview.loadSubresults', function() { 
$.ajax({ 
    type: "POST", 
    url: "loadData.php", 
    data: $(this.form).serialize(), // serializes the form's elements. 
    dataType: 'json', 
    success: function(data) 
    { 
     console.log(data); 
     $(this).closest('.wrapper').children('.resultExpander').html(data); // Should be doing something but nothing is happening (OPTION 1) 
     //$('.resultExpander').html(data); // Load the response from the PHP into the HTML (OPTION 2) 
    }, 
     error: function (xhr, ajaxOptions, thrownError) { 
     alert(xhr.status); 
     alert(thrownError); 
     } 
}); 

このすべてが一緒に引っ張る方法：

ユーザーは、メインの結果ページをロードする - >は、検索ボタンをクリックするとAjaxを経由して、結果をロードします。この結果には "result"というクラスのdivがあり、このdivのインスタンスが複数存在します。

トラバースルール（https://learn.jquery.com/using-jquery-core/traversing/）を使用して、同じクラス名が使用されていても、必要なdivをターゲットにすることができます。

Firefoxの

なしのコンソールからエラーメッセージ/情報 - 私はオプション1

感謝を使用している場合だけロードされません。 Ajaxは、あなたが、 `$（この）` Ajaxの成功の内側にアクセスするには、 `.btn.btn-クリアビューを使用することはできません成功

Answer 1

$(document).on('click', '.btn.btn-clearview.loadSubresults', function() { 
    $_this = $(this); 
    $.ajax({ 
    type: "POST", 
    url: "loadData.php", 
    data: $(this.form).serialize(), // serializes the form's elements. 
    dataType: 'json', 
    success: function(data) 
    { 
     $_this.closest('.wrapper').children('.resultExpander').html(data); 
    }, 
    error: function (xhr, ajaxOptions, thrownError) { 
     alert(xhr.status); 
     alert(thrownError); 
    } 
    }); 
}); 

割り当て$(this)

。 loadSubresults`です。 $ _this.closest（ '。wrapper'）。children（ '。resultExpander'）.html（data）; `