使用jQuery和JSON在Tumblr文本帖子中获取照片

piwo6bdm  于 2023-08-04  发布在  jQuery
关注(0)|答案(2)|浏览(107)

我在jQuery和JSON方面的背景相当薄弱,所以我正在学习Tumblr API。我想从最近的“常规帖子”中的第一张照片中获取src属性。帖子中的图像具有“main”类。
到目前为止,我已经能够将文章标题提取到span中,并将文章URL提取到包含图像/ span的超链接中。

$(document).ready(function () {
    $.getJSON('http://features.futurevague.com/api/read/json?callback=?',
        function(response) {
           $('a#feat0').attr('href',response.posts[0].url);
           $('span#feat0').wrapInner(response.posts[0]['regular-title']);
           $('img#feat0').attr('src',response.posts[0]['regular-body'].find('img.main')[0].attr('src'));
    });
});

字符串
然而,第三个函数不起作用(并且可能是畸形的)。
我嵌入内容的HTML看起来像这样:

<a href="#" id="feat0">
    <div class="imgholder">
        <img src="#" class="main" id="feat0">
    <span id="feat0"></span></span>
    </div>
</a>


使用jQuery .find()方法有什么帮助吗?

q0qdq0h2

q0qdq0h21#

首先,你不应该有两个相同值的id。另外,发布response的值。posts[0]['regular-body'],这会有所帮助。从span中删除id并开始

$('#feat0').find('img:first').attr('src', response.posts[0]['regular-body']);

字符串
从您的帖子中的评论:response.posts[0]在这里是String而不是HTML!所以你不能在上面用“查找”。您应该使用regex或indexOf来提取图像源。

xbp102n0

xbp102n02#

也许regular-body只是一个字符串,因此dom选择器不起作用。试试用

$(response.posts[0]['regular-body']).find('img.main')[0].attr('src')

字符串

相关问题