Удалить определенный контент (›) из последнего тега в div

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

});

спасибо заранее!

Answer 1

$(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 2

Использовать субстрат:

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

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

Answer 3

Вот один из способов сделать это:

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