同时提取两个链接

Extract two links at the same time

本文关键字：两个 链接 提取      更新时间：2023-09-26

我正在使用一个名为Embedly的服务，它可以"丰富"页面中的链接。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？

我更像是一个 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;      
  });
}

工作演示

我不知道嵌入

，但我看到您正在将结果分配给正文 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/

相关文章：