JQuery'de birden çok sınıf ekleme ve kaldırma


135

Farklı radyo düğmelerini tıklayarak bir metin alanına birden çok sınıf eklemek ve kaldırmak çalışıyorum. Farklı radyo düğmeleri arasında geçiş yaparken istenmeyen sınıfları kaldıramıyorum.

Bunun için kodum:

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

Yanıtlar:


273

Birden fazla sınıfı boşlukla ayırabilirsiniz:

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

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


1
Ben bunun için bir çözüm bulduk, her zaman sadece .removeClass () kullanın ve tüm eklenen sınıfları kaldırmak ve seçim tarafından herhangi bir sınıf eklemek için removeClass herhangi bir sınıf adı yazmak gerek yok. Evet çalışıyor ...!
Raman

3
.RemoveClass () [parametresiz] kullanılması, jQuery nesnesinin tüm sınıflarını kaldırır.
Ahmet

8

Birden fazla sınıf ekleyin:

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

veya basamaklı olarak:

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

Daha fazla sınıfı kaldırmak için de çok benzer:

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

veya basamaklı olarak:

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

bir sınıfı birden fazla sınıftan ne kaldırmak istiyorsunuz $("p")?
çırpma teli

benim örneğimde sayfadaki tüm paragraflara atıfta bulunuyorum ama bu sadece bir örnek. Bir kimlik veya başka bir sınıfla belirli bir öğeyi tanımlayabilirsiniz.
Andrea_dev

0

Javascript kullanarak sınıf adını eklemenin en kolay yolu. .siblings()Hatalı davranışlarda faydalı olabilir .

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

5
Bu yanıt, açıkça jQuery için sorulan soru ile ilgili değildir.
cyberbit

1
Ve yine de
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.