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的click事件時，它會起作用：

$.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文檔中所解釋的一樣

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) {
        //...