Question

给定脚本在点击时从外部源的特定div加载数据。它从外部源加载所有数据。但现在试图加载我想要的特定事物。就像仅加载图像，然后标题，发布标签，日期和评论，而不是文本摘要，以相同的顺序。

脚本：

$(function() {
    var page = null;
    var counter = 0;

    function getNext() {
    // Grab the next element from the array of date-outer divs and copy it to the .content div
        if (counter >= page.length)
            return;
        var elm = $(page[counter]).clone();
        elm.find('script').remove(); // Remove script tags in the div
        elm.appendTo('#load-here');
        counter++;
    }

    $('button.btn').click(function(e) {
        if (page === null) {
            page = false; // Prevents the request from being made twice
            $.get('http://test-html-site.blogspot.com/search/label/', function(data) {
                page = $(data).find('.date-outer');
                getNext();
            });
        } else if (page !== false) {
            getNext();
        }
    });
});

HTML：

<button class='btn'/>
<div id="load-here"></div> <!-- Load Here -->

</body>

外部网站的HTML结构：
给定每次点击的脚本加载.date-outer。

<body>
<div class="blog-posts hfeed"> 

<div class="date-outer">
Contecnt 1: Title, img, comments, text </div>

<div class="date-outer">
Contecnt 2: Title, img, comments, text </div>

<div class="date-outer">
Contecnt 3: Title, img, comments, text </div>

</div>
</body>

外部网站示例link
单Content structure。

我的问题是如何只加载特定数据，如图片，标题，发布标签，日期和评论，而不是文本摘要，以相同的顺序。

Answer 1

尝试使用此代码段从外部源选择特定内容

$('#Destination-image1-Id').load('XXX.html #image1');

参考：https://stackoverflow.com/a/4101874/2632619

从外部源加载特定数据

1 个答案: