Question

我正在使用名为Embedly的服务，这样就可以“丰富”页面中的链接。嵌入式的人们可以使用jQuery调用API。

所以第一个有这样的链接：

<a href="http://www.bbc.co.uk/news/business-24692392">bbc</a>

然后你调用API来做这样的魔术：

var hr = $('a').prop('href');

$.embedly.extract([hr], {key: '672cb2dfbc7249f2beb67db44204a39c'})
  .progress(function(result){
    $('body').html(result.content);
  });

问题是我似乎无法同时处理两个链接。如果您在JsFiddle(link)查看此示例，您将看到只有一个链接正在处理中。我尝试用jQuery each解决这个问题，并将两个链接称为不同的变量，但API总是处理最后一个url。如何让它处理多个URL？

Answer 1

我更像是一个javascript人，所以你去......

var link=document.getElementsByTagName('a');
for(var i=0;i<link.length;i++)
{
    $("a").css("visibility","hidden");
    $.embedly.extract([link[i].href], {key: '672cb2dfbc7249f2beb67db44204a39c'})
  .progress(function(result){     
    document.body.innerHTML +=result.content;      
  });
}

WORKING DEMO

Answer 2

我不知道嵌入但是我看到你将结果分配给正文html，这可能有效。

HTML：

<a id="a0" href="http://www.bbc.co.uk/news/business-24692392">bbc</a>

<a id="a1" href="http://www.bbc.co.uk/news/world-us-canada-24699733">bbc</a>
<div id="resultA"></div>
<div id="resultB"></div>

JS

var hr0 = $('#a0').prop('href');
var hr1 = $('#a1').prop('href');

$.embedly.extract([hr0], {key: '672cb2dfbc7249f2beb67db44204a39c'})
  .progress(function(result){
    $('#resultA').html(result.content);
  });
$.embedly.extract([hr1], {key: '672cb2dfbc7249f2beb67db44204a39c'})
  .progress(function(result){
    $('#resultB').html(result.content);
  });

http://jsfiddle.net/wwkhR/5/

同时提取两个链接

2 个答案: