6

メニューでクリックされた要素のcssを変更するJQueryを使用した強調表示機能が<li>あります。この関数は、疑似矢印として機能するように、左角かっこ<<のペアも付加します。

しかし、次のスイッチに切り替えるときに、その<<を削除するにはどうすればよい<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("<< ");
});

ありがとう

4

3 に答える 3

12

私は<<:に含め<span>ます

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

次に削除するには:

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

注:<<の代わりに«を使用しました。もう少し魅力的だと思います。

于 2011-05-27T00:38:22.023 に答える
7

で包み、それspanclass取り除きます。

$(this).prepend('<span class="pseudo-arrow">&lt;&lt;</span>');
于 2011-05-27T00:36:34.650 に答える
0

選択した状態のクラスを使用しないのはなぜですか?.selected-item {背景:#ffcc66; 色:#000; text-align:right; }

したがって、スクリプトは次のように使用できます。

$(".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> ");
});
于 2011-05-27T01:19:10.560 に答える