Question

我有一个包含这样生成的痕迹的列表：

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

如何删除最后一个标记后的“>”？目前我有这个代码不起作用...... :(

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

}）;

提前感谢！

Answer 1

这是一种方法：

http://jsfiddle.net/jXBte/

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

和js：

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

Answer 2

$(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');
        });
    });
});

Answer 3

使用substr：

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

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

从div中的最后一个标记中删除特定内容（>）

3 个答案: