पहले से जोड़े गए पाठ को हटाकर

Question

मेरे पास 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("<< "); 
}); 

धन्यवाद

Answer 1

मैं <span> एक में << शामिल होगा मैं < < के बजाय « इस्तेमाल किया। मुझे यह थोड़ा और आकर्षक लगता है।

Answer 2

एक class के साथ एक span में लपेट और उस को हटा दें।

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

तो दूर करने के लिए:

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

नोट:

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

Answer 3

आप उपयोगकर्ता को चयनित राज्य के लिए कक्षा क्यों देते हैं? । चयनित आइटम { पृष्ठभूमि: # 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> "); 
});