javascript - 如何将结果列表中的项目应用到当前对象的父 Div 标签？

Question

我正在尝试构建一个函数，用于将 Facebook Likes 的数量插入到 Div 标签中。到目前为止，我有一个脚本可以从 Div 标签中获取 URL，该标签位于另一个名为“entry”的 Div 标签内，然后让 .getJSON() 方法检索每个条目的 Facebook 点赞数。但是，我可以' 获取 Facebook Likes 的每个检索值，以插入到每个条目的 Div 标记中。请注意，我将代码简化为提醒每个 Facebook Like 值的位置。这是我目前所拥有的:

<div class="entry">
  <div class="fburl">https://graph.facebook.com/zombies</div>
  <div class="facebook-likes"></div>
</div> 
<div class="entry">
  <div class="fburl">https://graph.facebook.com/starwars</div>
  <div class="facebook-likes"></div>
</div>

这是我的 jQuery:

$(document).ready(function(){
$(".entry").each(function() {
    var fbURL = $(this).find(".fburl").html();
    $.getJSON(fbURL, function(fbData) {
        var fbArr = fbData['likes'];
        alert(fbArr);
    });
});
});

所以我想做的是遍历每个条目，获取它的 Open Graph URL，检索 Likes 值，然后将其插入适当的 Div 标签，因此代码应呈现为:

<div class="entry">
 <div class="fburl">https://graph.facebook.com/zombies</div>
 <div class="facebook-likes">2,586 Likes</div>
</div> 
 <div class="entry">
  <div class="fburl">https://graph.facebook.com/starwars</div>
  <div class="facebook-likes">8,905,721 Likes</div>
</div>

Answer 1

$(document).ready(function() {
    $('.entry').each(function() {
        var $this = $(this),
            fbURL = $this.children('.fburl').html();
        $.getJSON(fbURL, function(fbData) {
            $this.children('.facebook-likes').html(fbData['likes'] + ' Likes')
        });
    });
});

参见: http://api.jquery.com/children

演示: http://jsfiddle.net/9EALz/2/

注意:使用 children() 将比使用 find() 稍微高效一些，因为它将 DOM 遍历限制为单级(http://jsperf.com/find-vs-children/13)。通过 var $this = $(this) 兑现 jQuery 对象 $(this) 的效率也稍高一些，因为它可以防止不必要的选择器解释 ( http://jsperf.com/jquery-cache-vs-no-chace )。