JQuery में कई कक्षाएं जोड़ें और निकालें


135

मैं अलग-अलग रेडियो बटन पर क्लिक करके टेक्स्ट फ़ील्ड पर कई कक्षाएं जोड़ने और हटाने का प्रयास कर रहा हूं। मैं विभिन्न रेडियो बटन के बीच स्विच करते हुए अवांछित कक्षाओं को निकालने में सक्षम नहीं हूं।

इसके लिए मेरा कोड है:

// For 1st radio button
if (actionUrl == "search-client-by-id") {
    $("#req").removeClass("validate[required,custom[onlyLetterNumber],maxSize[20],custom[onlyLetterSp]]")
             .addClass("validate[required,custom[onlyNumberSp]]");
}
// For 2nd radio button
else if (actionUrl == "search-client-by-name") {    
    $("#req").removeClass("validate[required,custom[onlyNumberSp]]")
             .addClass("validate[required,custom[onlyLetterNumber],maxSize[20],custom[onlyLetterSp]]");
}

जवाबों:


273

आप अंतरिक्ष के साथ कई वर्गों को अलग कर सकते हैं:

$("p").addClass("myClass yourClass");

http://api.jquery.com/addClass/


1
मैंने इसके लिए एक समाधान खोजा है, हर बार जब मैं .removeClass () का उपयोग करता हूं और सभी जोड़े गए वर्गों को हटाने और पसंद से किसी भी वर्ग को जोड़ने के लिए केवल किसी भी वर्ग का नाम हटाने के लिए लिखने की आवश्यकता नहीं है। हाँ इसका काम ...!
रमन

3
.RemoveClass () [कोई मापदंडों के साथ] का उपयोग करके jQuery ऑब्जेक्ट के सभी वर्गों को हटा देता है।
अहमत

8

कई कक्षाएं जोड़ें:

$("p").addClass("class1 class2 class3");

या कैस्केड में:

$("p").addClass("class1").addClass("class2").addClass("class3");

बहुत अधिक वर्गों को हटाने के लिए भी समान:

$("p").removeClass("class1 class2 class3");

या कैस्केड में:

$("p").removeClass("class1").removeClass("class2").removeClass("class3");

तो आप एक वर्ग को कई से हटाना चाहते हैं $("p")?
धीरे

मेरे उदाहरण में मैं पृष्ठ के सभी पैराग्राफ का उल्लेख करता हूं लेकिन यह सिर्फ एक उदाहरण है। आप एक आईडी या किसी अन्य वर्ग के साथ एक विशिष्ट आइटम की पहचान कर सकते हैं।
एंड्रिया_देव

0

जावास्क्रिप्ट का उपयोग करके वर्ग नाम को जोड़ने का सबसे आसान तरीका। यह .siblings()गलत होने पर उपयोगी हो सकता है ।

document.getElementById('myId').className += ' active';

5
यह उत्तर उस प्रश्न के लिए प्रासंगिक नहीं है, जिसने jQuery के लिए स्पष्ट रूप से पूछा है।
साइबरबेट

1
और आपको किसी भी तरह क्लासिस्ट का उपयोग करना चाहिए
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.