jQuery各機能が$ .post要求によって動的にロードされたコンテンツで実行されていません

Question

動的ロードされたコンテンツとして返される要素をajax $.postメソッドでループしようとしています。コードは次のとおりです。

$.post(ajax_url, {action: 'filter-search-results', term_id: term_id}, function (res) { 
    $('.job_listings').empty(); 
    $('.job_listings').html(res); 
    $('.hotel-rate').each(function (i, obj) { 
     //... 

ただし、each機能は実行されていません。

私はbodyのクリックイベントをトリガした場合、それは動作します：

$.post(ajax_url, {action: 'filter-search-results', term_id: term_id}, function (res) { 
    $('.job_listings').empty(); 
    $('.job_listings').html(res); 
    $(document).on('click', 'body', function() { 
     $('.hotel-rate').each(function (i, obj) { 
      //... 

それは正常に動作します。しかし、私はeachをどんなイベントでもバインドしたくありません。イベントをトリガーすることなくeach関数を実行するにはどうすればよいですか？あなたはこれをしようとしないのはなぜ

Answer 1

：

var items = $('.hotel-rate'); 
$.each(items, function (index, value) {........ 

それはjQuery API documentation

Answer 2

に説明されているだけのようにあなたはそれが移入だ後にリストオブジェクトの仕事をループしようとしたことがありますか？

$.post(ajax_url, {action: 'filter-search-results', term_id: term_id}, function (res) { 
    var $jobs = $('.job_listings').html(res); 
    $jobs.find('.hotel-rate').each(function (i, obj) { 
     //...