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

现在我想使用jquery来抓取h2，photoset-col1，photoset-col2，描述之下的所有元素

$.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

如果你想追加所有.h2

的html内容

$.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());
    });
}
});

循环遍历相同的类

1 个答案: