Петля через те же классы

Question

Я скребковые HTML в качестве веб-страницы и структура выглядит следующим образом:

<p class="h2"></p> 
<div class="photoset-col1"></div> 
<div class="photoset-col2"></div> 
<div class="description"></div> 

<p class="h2"></p> 
<div class="photoset-col1"></div> 
<div class="photoset-col2"></div> 
<div class="description"></div> 

...continious through out the whole page 

Теперь я хочу, чтобы очистить все элементы h2, фотосет-col1, фотосет-col2, описание друг под другом с помощью JQuery

$.ajax({ 
    url: 'http://theurl', 
    type: 'GET', 
    success: function(res) { 
     var result = $(res.responseText).find(".h2").html(); 




     $("#container_result").append(result); 

    } 

Но когда я делаю, что возвращают только первый класс .h2 я хочу их всех, мне нужно сделать петлю для этого? А как насчет остальных протоколов и описания?

$.ajax({ 
     url: 'http://theurl', 
     type: 'GET', 
     success: function(res) { 
      var result = $(res.responseText).find(".h2, .photoset-col1, .photoset-col2").html(); 




      $("#container_result").append(result); 

     } 

Это не похоже на работу

Спасибо заранее!

Answer 1

Если вы хотите добавить HTML содержимое всех .h2

$.ajax({ 
url: 'http://theurl', 
type: 'GET', 
success: function(res) { 
    var tempParent = $('<div></div>'); 
    tempParent.append($(res.responseText).html()); 
    tempParent.find(".h2").each(function(){ 
     $("#container_result").append($(this).html()); 
    }); 
} 
});