删除先前附加的文本

Question

我有一个使用JQuery的突出显示功能,它可以更改<li>菜单中单击元素的css .该函数还预置了一对左括号<<作为伪箭头.

但我怎么删除<<当我切换到下一个<li>？

$(".sdv-nrml").click(function(){

//remove old highlighted li 
$(".sdv-nrml").css({'background' : '#ffcc66' , 'color' : '#000000' , 'text-align' : 'right'});

//assign new css and prepend arrow
$(this).css({'background' : '#996600' , 'color' : '#ffff66' , 'text-align' : 'left'});
$(this).prepend("<< ");
});

谢谢

Answer 1

我会把它包含<<在<span>:

$(this).prepend('<span class="prepended">&laquo; </span');

然后删除:

$(".prepended").remove();

注意:我使用«而不是<<.我觉得它更有吸引力.

Answer 2

span用a 包裹它class并删除它.

$(this).prepend('<span class="pseudo-arrow">&lt;&lt;</span>');