दिलचस्प पोस्ट
एंड्रॉइड में होम और अन्य सिस्टम बटन को अक्षम कैसे करें? पृष्ठभूमि पर NSTimer IS काम कर रहा है कैसे एक एक दूसरे की तुलना में छवि को देखने के लिए कि क्या वे एक निश्चित प्रतिशत के समान हैं, iPhone पर? कचरा संग्रह कैसे जावास्क्रिप्ट में काम करता है? क्रोम एक्सटेंशन में एक छवि डालें ग्रेडल के साथ एक uberjar बिल्डिंग वितरित संस्करण नियंत्रण प्रणाली और एंटरप्राइज़ – एक अच्छा मिश्रण? Platform.RunLater और जावा एफएक्स में कार्य एंड्रॉइड क्रैश लॉग कैसे प्राप्त करें? जावास्क्रिप्ट में मैं क्वेरी स्ट्रिंग मान कैसे प्राप्त करूं? क्या यह मोनोचौच जीसी में एक बग है? गलत डेटा प्रकार इनपुट को कैसे संभालना है मैं नियंत्रण और इसके बच्चों के लिए पेंटिंग कैसे निलंबित कर सकता हूं? एएसपी.नेट एएसएमएक्स वेब सेवा के लिए SOAP अनुरोधों को कैप्चर करना मैट्रिक्स की रिक्त स्थान खोजने के लिए, पायथन (निमसी, साइपी)

JQuery का उपयोग करते हुए क्लिक करने पर एक क्लास जोड़ें और निकालें?

कृपया इस बेला को देखें

मैं क्लिक करने वाले ली तत्वों पर एक वर्ग को जोड़ने और निकालने का प्रयास कर रहा हूं। यह एक मेनू है और जब प्रत्येक ली आइटम पर एक क्लिक करता है तो मैं इसे कक्षा में प्राप्त करना चाहता हूं और अन्य सभी ली आइटमों को क्लास हटा दिया गया है। इसलिए केवल एक ली आइटम में एक समय में कक्षा होती है। यह कितनी दूर मुझे मिल गया है (बेला देखें) मुझे यकीन नहीं है कि वर्तमान के बारे में 'के बारे में-लिंक' कैसे शुरू करना चाहिए, लेकिन फिर इसे हटा दिया जाता है जब अन्य ली वस्तुओं में से एक पर क्लिक किया जाता है?

$('#about-link').addClass('current'); $('#menu li').on('click', function() { $(this).addClass('current').siblings().removeClass('current'); }); 

वेब के समाधान से एकत्रित समाधान "JQuery का उपयोग करते हुए क्लिक करने पर एक क्लास जोड़ें और निकालें?"

ऐसा क्यों नहीं कुछ कोशिश करो?

 $('#menu li a').on('click', function(){ $('#menu li a.current').removeClass('current'); $(this).addClass('current'); }); 

JSFiddle

अन्य ली तत्व किसी तत्व के भाई बहन नहीं हैं।

 $('#menu li a').on('click', function(){ $(this).addClass('current').parent().siblings().children().removeClass('current'); }); 

आप अपने वर्ग को <a> तत्वों के लिए आवेदन कर रहे हैं, जो भाई बहन नहीं हैं क्योंकि वे प्रत्येक <li> तत्व में संलग्न हैं आपको पेड़ को माता-पिता को ले जाने की ज़रूरत है <li> और उस स्तर पर भाइयों के तत्वों को ढूंढें।

 $('#menu li a').on('click', function(){ $(this).addClass('current').parent().siblings().find('a').removeClass('current'); }); 

इस अद्यतन बेला देखें

तुम यह केर सकते हो:-

 $('#about-link').addClass('current'); $('#menu li a').on('click', function(e){ e.preventDefault(); $('#menu li a.current').removeClass('current'); $(this).addClass('current'); }); 

डेमो: बेलाल

आप इस पर कोशिश कर सकते हैं, यह बड़े फ़ंक्शन पर छोटा कोड देने में मदद कर सकता है।

$('#menu li a').on('click', function(){ $('li a.current').toggleClass('current'); });

साइट के अपने प्रमुख अनुभाग में इसे आज़माएं:

 $(function() { $('.menu_box_list li').click(function() { $('.menu_box_list li.active').removeClass('active'); $(this).addClass('active'); }); }); 

यहां JQuery में लाइव ऐक्टिविटी लाइव एडिशन के साथ एक लेख है

आप यह कोशिश कर सकते हैं,

 $(function () { $("#btnSubmit").click(function () { $("#btnClass").removeClass("btnDiv").addClass("btn"); }); }); 

आप switchclass () विधि का भी उपयोग कर सकते हैं – यह आपको एक ही समय में कक्षाओं को जोड़ने और हटाने का संक्रमण सजीव करने की अनुमति देता है।

 $(function () { $("#btnSubmit").click(function () { $("#btnClass").switchClass("btn", "btnReset", 1000, "easeInOutQuad"); }); });