दिलचस्प पोस्ट
जावास्क्रिप्ट में एक ऑब्जेक्ट गहरा क्लोन करने का सबसे कारगर तरीका क्या है? एंड्रॉइड देखें.ग्रेडिंग कैश शून्य, केवल अशक्त का रिटर्न देता है ईबीपी फ्रेम सूचक रजिस्टर का उद्देश्य क्या है? ksoap2 org.xmlpull.v1.xmlpullparserexception अपेक्षित start_tag त्रुटि क्या मैं एक मौजूदा स्थैतिक वर्ग में एक्सटेंशन विधियों को जोड़ सकता हूँ? दो तिथियों के बीच व्यावसायिक दिनों की संख्या की गणना करें? XPath का उपयोग कर विशेषता प्राप्त करना मंद और vba में सेट के बीच अंतर क्या है स्काला के आलसी वाल की (छुपा) लागत क्या है? अनुरोध रद्द कर दिया गया था: SSL / TLS सुरक्षित चैनल नहीं बनाया जा सका PHP: कैसे संभाल <! [सीडीएटीए [सरलएक्सएमलेमेंट के साथ? अजगर समयक्षेत्र रूपांतरण जावा स्टेटिक बनाम इंस्टेंस जीएसओन का इस्तेमाल करते हुए अज्ञात फ़ील्ड के साथ JSON को डीकोड कैसे करें? इकाई फ़्रेमवर्क मेटाडेटा से डाटाबेस तालिका नाम प्राप्त करें

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"); }); });