我在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()
方法有什么帮助吗?
2条答案
按热度按时间q0qdq0h21#
首先,你不应该有两个相同值的id。另外,发布response的值。posts[0]['regular-body'],这会有所帮助。从span中删除id并开始
字符串
从您的帖子中的评论:response.posts[0]在这里是String而不是HTML!所以你不能在上面用“查找”。您应该使用regex或indexOf来提取图像源。
xbp102n02#
也许
regular-body
只是一个字符串,因此dom选择器不起作用。试试用字符串