Question

我在jquery和json中的背景相当薄弱，所以我正在学习tumblr API。我想从最近的“常规帖子”中的第一张照片中获取src属性。帖子中的图像有一个“主”类。

到目前为止，我已经能够将帖子标题提取到一个范围内，并将帖子网址提取到包含图像/范围的超链接中。

$(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（）方法的任何帮助？

Answer 1

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

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

Answer 2

对于初学者，你不应该有2个具有相同值的ID。另外，发布response.posts [0] ['regular-body']的值，它会有所帮助.. 从span中删除id并转到

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

从帖子中的评论： response.posts [0]是一个字符串，而不是HTML！所以你不能在它上面使用“find”。您应该使用regex甚至indexOf来提取图像源。

使用jquery和JSON在tumblr文本帖子中获取照片

2 个答案: