删除之前附加的文本

Posted 2023-04-13

【中文标题】删除之前附加的文本

【英文标题】：Removing text that was appended previously

【发布时间】：2011-05-27 00:33:58

【问题描述】：

我有一个使用 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("<< ");
);

谢谢

【参考方案1】：

我会将<< 包含在<span> 中：

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

然后删除：

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

注意：我使用 « 而不是

【讨论】：

注意：小错误。类被命名为“prependED”，被称为 .prepend 很好的解决方案，这正是我正在寻找的

【参考方案2】：

用class 将其包裹在span 中并将其删除。

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

【参考方案3】：

为什么您不使用所选州的课程？ .selected-item 背景：#ffcc66； 颜色：#000； 文本对齐：右；

所以你的脚本可以这样使用：

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

    //remove old highlighted li
    $(".sdv-nrml").each(function()
        $(this).removeClass("selected arrow");
    );

    //assign new css and prepend arrow
    $(this).addClass("selected");
    $(this).prepend("<span class='arrow'>&lt;&lt;</span> ");
);