Bir öğenin jQuery ile bir CSS sınıfı olup olmadığını belirleme

Ben jQuery ile çalışma ve öğe ile ilişkili belirli bir CSS sınıfı olup olmadığını belirlemek için kolay bir yol olup olmadığını görmek için arıyorum.

Ben elemanın kimliği ve aradığım CSS sınıfı var. Sadece bir if ifadesinde, o sınıfın öğe üzerinde varlığına dayalı bir karşılaştırma yapabilmem gerekiyor.

hasClassYöntemi kullanın :

jQueryCollection.hasClass(className);

veya

$(selector).hasClass(className);

Argüman (açıkçası) kontrol ettiğiniz sınıfı temsil eden bir dizedir ve bir boolean döndürür (bu nedenle çoğu jQuery yöntemi gibi zincirlemeyi desteklemez).

Not:className Boşluk içeren bir bağımsız değişken iletirseniz, bu sözcük kelimenin tam anlamıyla koleksiyon öğelerinin classNamedizesiyle eşleştirilir . Örneğin, bir öğeniz varsa,

<span class="foo bar" />

o zaman bu geri dönecektir true:

$('span').hasClass('foo bar')

ve bunlar geri dönecek false:

$('span').hasClass('bar foo')
$('span').hasClass('foo  bar')

dan SSS

elem = $("#elemid");
if (elem.is (".class")) {
   // whatever
}

veya:

elem = $("#elemid");
if (elem.hasClass ("class")) {
   // whatever
}

Olumsuzluğa gelince, bir öğenin bir sınıfı olmadığını bilmek istiyorsanız, Mark'ın söylediği gibi yapabilirsiniz.

if (!currentPage.parent().hasClass('home')) { do what you want }

JQuery olmadan:

var hasclass=!!(' '+elem.className+' ').indexOf(' check_class ')+1;

Veya:

function hasClass(e,c){
    return e&&(e instanceof HTMLElement)&&!!((' '+e.className+' ').indexOf(' '+c+' ')+1);
}
/*example of usage*/
var has_class_medium=hasClass(document.getElementsByTagName('input')[0],'medium');

Bu jQuery'den daha hızlı!

Buraya inen ama aslında bunu yapmanın jQuery ücretsiz bir yolunu arayan herkese yardım etmek adına:

element.classList.contains('your-class-name')

Resmi jQuery SSS sayfasını kontrol edin:

Bir öğenin periküler sınıfı olup olmadığını nasıl test ederim?

 $('.segment-name').click(function () {
    if($(this).hasClass('segment-a')){
        //class exist
    }
});

Benim durumumda, bir jQuery işlevini kullandım, farklı css sınıfları eklenmiş bir HTML öğesi vardı, bunların ortasında belirli bir sınıf arıyordum, bu yüzden kullandım "is" kontrol etmek için iyi bir alternatif zaten başka css sınıfları olan bir html öğesine dinamik olarak eklenen bir sınıf, başka bir iyi alternatiftir.

basit bir örnek:

 <!--element html-->
 <nav class="cbp-spmenu cbp-spmenu-horizontal cbp-spmenu-bottom cbp-spmenu-open" id="menu">somethings here... </nav>

 <!--jQuery "is"-->
 $('#menu').is('.cbp-spmenu-open');

gelişmiş örnek:

 <!--element html-->
    <nav class="cbp-spmenu cbp-spmenu-horizontal cbp-spmenu-bottom cbp-spmenu-open" id="menu">somethings here... </nav>

   <!--jQuery "is"-->
    if($('#menu').is('.cbp-spmenu-bottom.cbp-spmenu-open')){
       $("#menu").show();
    }