Question

我正在尝试创建一个JQuery函数，该函数会自动在我的网站上找到嵌入的PDF URL，并在嵌入之前生成一个直接链接到PDF的链接。所有嵌入的PDF链接都可以在名为object的html标签中找到。因此，PDF的每个实例都将如下所示：

<object data="http://website.com/directLink.pdf" type="pdf"> 
<a heref="http://website.com/directLink.pdf">...</a></object>

是否有一种简单的方法来提取URL并在对象标记之后立即生成链接？我希望生成的链接看起来像这样：

Download this document <a href="http://website.com/directLink.pdf">here</a>

我不想更改现有的DOM，只需在其后生成上面的代码。

Answer 1

我会做这样的事情（未经测试，快速解决方案）：

// Grab all objects on the page
var objects = document.querySelectorAll('object');

// Iterate through objects
for( var i = 0; i < objects.length; i++ ) {
  var el = objects[i];
  var href = el.getAttribute('data');
  // Check if the URL contains a PDF link; append link if it does
  if( ~href.indexOf('.pdf') {
    var link = document.createElement('a');
    link.href = href;
    el.parentNode.appendChild(link);
  }
}

生成嵌入PDF的直接链接

1 个答案: