Question

I have a list with breadcrumbs that is generated like this:

<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? Currently I have this code which doesn’t work…:(

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

});

thanks in advance!

Answer 1

Use substr:

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

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