获取上一个同级的 href 并更新当前项的 href

Question

我最终手工完成了这个工作，但我认为使用一些 jquery 可以更快地完成这个工作。

我有一个表，其中包含下面的数十个示例行。我想做的是找到 的前一个兄弟，获取它们的 URL，将文件类型更改为 .doc 并应用。

<tr id="node-20" class="child-of-node-19">
        <td>Tips</td>
        <td>
        <a href="docs/Interview-Info.pdf">
          <img width="20" height="20" src="/images/icons/icon-pdf.gif" alt="PDF" />
        </a> 
        <a href="#">
          <img width="20" height="20" src="/images/icons/icon-word.gif" alt="Microsoft Word" />
        </a>
        </td>
    </tr>

因此，一旦 javascript 完成，生成的源代码将如下所示。

<tr id="node-20" class="child-of-node-19">
        <td>Tips</td>
        <td>
        <a href="docs/Interview-Info.pdf">
          <img width="20" height="20" src="/images/icons/icon-pdf.gif" alt="PDF" />
        </a> 
        <a href="docs/Interview-Info.doc">
          <img width="20" height="20" src="/images/icons/icon-word.gif" alt="Microsoft Word" />
        </a>
        </td>
</tr>

我的最后一个变体是：

$('a+a[href="#"]').attr('href',$('a+a[href="#"]').prev().attr('href'));

最终获得第一个 url，并将其应用于所有 。因此 Interview-Info.pdf 适用于所有这些链接。

由于时间有限，这是我所能得到的。有一个简单的方法可以做到这一点吗？

Answer 1

.attr() 仅适用于集合中的第一个元素，因此您可能需要迭代您的列出并将其应用于每个：

$('a+a[href="#"]').each(function() { 
  $(this).attr('href', $(this).prev().attr('href').replace(/\.[a-z0-9]+$/i, '.doc')); 
});

Answer 2

你就快到了，试试这个：

$('a+a[href="#"]').attr('href',$('a+a[href="#"]').prev().attr('href').replace(/.pdf/gi, ".doc"));