生成嵌入 PDF 的直接链接

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 并在 object 标记之后生成一个链接？我希望生成的链接看起来像这样：

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);
  }
}