Birden çok sınıfı kaldırma (jQuery)


615

Bunu yeniden yazmanın daha iyi bir yolu var mı:

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

removeClass();İstemediğim TÜM sınıfları kaldıracağı gibi kullanamıyorum .

Yanıtlar:


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

Gönderen removeClass(), class parametresi:

Öğelerden kaldırılacak bir veya daha fazla CSS sınıfı, bunlar boşluklarla ayrılır.



19

jQuery .removeClass()belgeleri.

Öğelerden kaldırılacak bir veya daha fazla CSS sınıfı, bunlar boşluklarla ayrılır.


17

Dokümantasyon diyor ki:

class (Optional) String
Öğelerden kaldırılacak bir veya daha fazla CSS sınıfı, bunlar boşluklarla ayrılır.

Misal:

Eşleşen öğelerden 'mavi' ve 'alt' sınıflarını kaldırın.

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

12

Bunu yapmanın birçok yolu var!

jQuery

  1. tüm sınıfı kaldır
    $("element").removeClass();
    VEYA
    $("#item").removeAttr('class');
    VEYA
    $("#item").attr('class', '');
    VEYA VEYA
    $('#item')[0].className = '';

  2. çoklu sınıfı kaldır
    $("element").removeClass("class1 ... classn");
    VEYA
    $("element").removeClass("class1").removeClass("...").removeClass("classn");

Vanilya Javascript

  1. tüm sınıfı kaldır

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

  1. çoklu sınıfı kaldır

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


2

Sınıfları beyaza göre ayırın space

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

1

Kaldırmak istediğiniz sınıfları boşlukla ayırmalısınız$('selector').removeClass('class1 class2');


0

JQuery 3.3.0'dan beri , dizilerini 'e geçirmek mümkündür .addClass(). removeClass()ve toggleClass()bu, boşlukla sınırlandırılmış dizelerle uğraşmanıza gerek olmadığından hangi sınıfların ekleneceğini veya kaldırılacağını belirleyen herhangi bir mantık olup olmadığını kolaylaştırır.

$("div").removeClass(["class1", "class2"]); 
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.