JQuery - Загрузка содержимого из загруженного контента - .load

Question

Я пытаюсь загрузить определенную информацию из отдельных звеньев продукции после того, как они были загружены в

Что у меня есть и то, что он делает:

$(function(){ 
    $('.prdContainer .prdHero').each(function(i){ 
     $(this).load(('http://www.domain.com .product:nth-child(' + (i + 1)+ ') .productMainImage'), function(){ 
      $('.prdContainer .prdDesc').each(function(){ 
       var prdLink = $('.prdHero .productMainImage').attr('href'); 

       $(this).load(prdLink + ' ' + '.productHeading'); 
      }); 
     }); 
    }); 
}); 

.

1 - Функция загружает продукт в .prdHero - 3x

2 - Функция получает ссылку и добавляет новую .load

3 - Затем это необходимо загрузить в заголовке, специфичном для продукта, но все 3 загружаются в одни и те же заголовки (первые).

Я чувствую, что мне нужно настроить мою функцию на .prdContainer и использовать $ (это), я просто не знаю, как это сделать?

Answer 1

Без конкретного HTML показывается я должен угадать иерархию, но что-то вроде этого будет использовать известный родительский элемент в качестве начальной точки для каждого поиска:

$(function(){ 
    $('.prdContainer .prdHero').each(function(i){ 
     var $parent = $(this).closest('.prdContainer'); 
     $(this).load(('http://www.domain.com .product:nth-child(' + (i + 1)+ ') .productMainImage'), function(){ 
      $parent.find('.prdDesc').each(function(){ 
       var prdLink = $parent.find('.prdHero .productMainImage').attr('href'); 
       $(this).load(prdLink + ' ' + '.productHeading'); 
      }); 
     }); 
    }); 
}); 

Как уже упоминалось в комментариях, вы, кажется, чтобы иметь слишком много вызовов Ajax. Возможно, показ общей проблемы приведет к лучшему решению?