javascript - 删除 div 中的最后一个链接，但保留 "link"文本 - 如何？

Question

我正在为导航构建一些面包屑。这是在通过模板语言呈现页面之前完成的。渲染页面后，我需要进行一些计算。

有没有一种方法可以渲染带有链接的 div，而不是在模板端执行一堆 IF/ELSE...

<div id="bc_links">
<a>Link one</a> >
<a>Link 22</a> >
<a>Link 33</a> >
<a>Link 44</a> >
</div>

然后执行一些 jquery 或原型(prototype)(可以访问这两个库)并能够识别 link44 是最后一个链接，并使显示如下:

<div id="bc_links">
<a>Link one</a> >
<a>Link 22</a> >
<a>Link 33</a> >
 Link 44
</div>

如有任何帮助，我们将不胜感激。

Answer 1

var $link = $('#bc_links a').last();
$link.replaceWith($link.text());