कई कक्षाएं हटाना (jQuery)


615

क्या इसे फिर से लिखने का कोई बेहतर तरीका है:

$('element').removeClass('class1').removeClass('class2');

मैं इसका उपयोग नहीं कर सकता removeClass();क्योंकि यह सभी वर्गों को हटा देगा, जो मुझे नहीं चाहिए।

जवाबों:


1128
$("element").removeClass("class1 class2");

से removeClass(), वर्ग पैरामीटर:

तत्वों से हटाने के लिए एक या अधिक CSS कक्षाएं, ये रिक्त स्थान द्वारा अलग की जाती हैं।



19

jQuery के .removeClass()प्रलेखन।

तत्वों से हटाने के लिए एक या अधिक CSS कक्षाएं, ये रिक्त स्थान द्वारा अलग की जाती हैं।


17

प्रलेखन कहते हैं:

class (Optional) String
तत्वों से हटाने के लिए एक या अधिक CSS कक्षाएं, ये रिक्त स्थान द्वारा अलग की जाती हैं।

उदाहरण:

मिलान तत्वों से वर्ग 'नीली' और 'अंडर' को हटा दें।

$("p:odd").removeClass("blue under");

12

ऐसे कई तरीके हो सकते हैं!

jQuery

  1. सभी वर्ग
    $("element").removeClass();
    OR
    $("#item").removeAttr('class');
    या
    $("#item").attr('class', '');
    OR निकालें
    $('#item')[0].className = '';

  2. बहु वर्ग निकालें
    $("element").removeClass("class1 ... classn");
    या
    $("element").removeClass("class1").removeClass("...").removeClass("classn");

वेनिला जावास्क्रिप्ट

  1. सभी वर्ग निकालें

// remove all items all class  
const items = document.querySelectorAll('item');
for (let i = 0; i < items.length; i++) {
    items[i].className = '';
}

  1. मल्टी क्लास हटाएं

// only remove all class of first item
const item1 = document.querySelector('item');
item1.className = '';


2

सफेद द्वारा अलग कक्षाएं space

$('element').removeClass('class1 class2');

1

आपको उन वर्गों को अलग करना होगा जिन्हें आप सफेद स्थान से हटाना चाहते हैं$('selector').removeClass('class1 class2');


0

JQuery 3.3.0 के बाद से .addClass(), सरणियों को पास करना संभव है ,। removeClass()और toggleClass(), जो इसे आसान बनाता है यदि कोई तर्क है जो यह निर्धारित करता है कि कौन सी कक्षाएं जोड़ी या हटा दी जानी चाहिए, क्योंकि आपको अंतरिक्ष-सीमांकित तारों के साथ गड़बड़ करने की आवश्यकता नहीं है।

$("div").removeClass(["class1", "class2"]); 
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.