从 div 中的最后一个标签中删除特定内容 (›)

Question

我有一个包含面包屑的列表，生成如下：

<div class="breadcrumps"><a href="#">Link1</a>&#8250;<a href="#">Link2</a>&#8250;<a href="#">Link3</a>&#8250;</div>

How can I remove the '›' after the last a tag?目前我的代码不起作用...:(

$(document).ready(function () {
$('.breadcrumps');
$(this).find('a:last-child').remove('›');

});

提前致谢！

Answer 1

使用子字符串：

$('.breadcrumps').text(function(x,i){return i.substr(0,i.length-1);});

http://jsfiddle.net/XxDfY/2/

Answer 2

这是一种方法：

http://jsfiddle.net/jXBte/

<div class="breadcrumps">
    <a href="#">Link1</a><span>›</span>
    <a href="#">Link2</a><span>›</span>
    <a href="#">Link3</a><span>›</span>
</div>

和 js：

$(document).ready(function () {
    $('.breadcrumps').find('span:last-child').remove();
});

Answer 3

$(document).ready(function() {
    $('.breadcrumps').html(function(index, oldHtml) {
        $(this).html(oldHtml.substring(0, oldHtml.length - 1));
    });
});

请注意，DOM 元素正在被替换，因此旧的绑定可能会丢失。

例如，

以下内容不起作用：

$(document).ready(function() {
    $('a').click(function() {
        alert('Clicked');
    });

    $('.breadcrumps').html(function(index, oldHtml) {
        $(this).html(oldHtml.substring(0, oldHtml.length - 1));
    });
});

但这会：

$(document).ready(function() {
    $('.breadcrumps').html(function(index, oldHtml) {
        $(this).html(oldHtml.substring(0, oldHtml.length - 1));

        $('a').click(function() {
            alert('Clicked');
        });
    });
});