Javascript 删除最后一次出现的内容

Question

<div class="breadcrumbs">
    <a title="Go to Page." href="http://www.domain.com/dev" class="home">Home Page</a> &gt; <a title="Go to the News category archives." href="http://www.domain.com/dev"/topics/news/" class="taxonomy category">News</a> &gt; <span>News</span>
</div>

在上面的示例中有 2 个分隔符，我使用以下 jQuery('.breadcrumbs .category').remove(); 删除新闻链接，但这让我与

<div class="breadcrumbs">
    <a title="Go to Page." href="http://www.domain.com/dev" class="home">Home Page</a> &gt; &gt; <span>News</span>
</div>

删除 > 之一的最佳方法是什么？

Answer 1

不用担心删除最后一个出现的位置，使用 css 将(演示性的)> 放置在正确的位置:

.breadcrumbs a + a::before {
    content: '>';
}

或者，由于当前页面是一个 span，您可能更喜欢:

.breadcrumbs a::after {
    content: '>';
}