यह निर्धारित करें कि किसी तत्व के पास jQuery

Question

के साथ एक सीएसएस क्लास है या नहीं, मैं jQuery के साथ काम कर रहा हूं और यह देखने के लिए एक आसान तरीका है कि तत्व के साथ एक विशिष्ट सीएसएस वर्ग है या नहीं।

मेरे पास तत्व की आईडी है, और सीएसएस वर्ग जो मैं ढूंढ रहा हूं। मुझे सिर्फ एक कथन में सक्षम होने की आवश्यकता है, तत्व पर उस वर्ग के अस्तित्व के आधार पर तुलना करें।

Answer 1

hasClass विधि का उपयोग करें:

jQueryCollection.hasClass(className); 

या

$(selector).hasClass(className); 

तर्क (जाहिर है) एक स्ट्रिंग वर्ग आप जाँच कर रहे हैं का प्रतिनिधित्व करता है, और यह एक बूलियन रिटर्न (ताकि यह नहीं है अधिकांश jQuery विधियों की तरह चेनिंग समर्थन)।

नोट: आप एक className तर्क यह है कि रिक्त स्थान हैं पार कर लेते हैं, यह संग्रह के तत्वों 'className स्ट्रिंग के खिलाफ सचमुच मिलान किया जाएगा। तो अगर, उदाहरण के लिए, आप एक तत्व है,

<span class="foo bar" /> 

तो यह true वापस आ जाएगी:

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

और इन false वापस आ जाएगी:

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

Answer 2

FAQ

से

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

या:

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

Answer 3

निषेध के लिए, यदि आप अगर एक तत्व है जानना चाहता हूँ एक वर्ग तो आप बस मार्क के रूप में कर सकते हैं कहा नहीं।

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

Answer 4

चेक आधिकारिक jQuery FAQ पृष्ठ:

How do I test whether an element has perticular class or not

Answer 5

jQuery के बिना

:

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

या:

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'); 

इस से रास्ता तेजी से होता है jQuery!

Answer 6

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

Answer 7

मेरे मामले में, मैं प्रयोग किया जाता है एक jQuery समारोह, मैं कहा, मैं इन के बीच में एक विशिष्ट वर्ग के लिए देख रहा था अलग सीएसएस वर्गों के साथ एक HTML तत्व था 'है', तो मैं इस्तेमाल किया " "एचटीएमएल तत्व में गतिशील रूप से जोड़े गए वर्ग की जांच करने का एक अच्छा विकल्प है, जिसमें पहले से ही अन्य सीएसएस वर्ग हैं, यह एक और अच्छा विकल्प है।

सरल उदाहरण:

<!--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'); 

उन्नत उदाहरण:

<!--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(); 
    } 

Answer 8

किसी को जो यहाँ भूमि, लेकिन वास्तव में ऐसा करने का एक jQuery मुक्त तरीका के लिए देख रहा था की मदद करने के हितों में:

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