jQuery-नहीं शुद्ध जावास्क्रिप्ट

Question

में

कैसे मैं निम्नलिखित jQuery-नहीं लिख सकते हैं ...

$(".hover").not(".selected"); 

... शुद्ध जावास्क्रिप्ट में?

Answer 1

allItems = document.getElementsByTagName('*'); 
goodItems = []; 
for(i=0;i<allItems.length;i++){ 
    if(
     allItems[i].className && 
     (' '+allItems[i].className.replace(/\s+/g, ' ')+' ').indexOf(' '+'hover'+' ') != -1 && 
     (' '+allItems[i].className.replace(/\s+/g, ' ')+' ').indexOf(' '+'selected'+' ') == -1 
    ) 
     goodItems.push(allItems[i]); 
} 

आप वर्ग चयन इस तरह की जरूरत है अक्सर आप उन्हें कार्य के रूप में बचत या यहाँ तक कि jQuery व्यवहार के कुछ तरह $(".hover").not(".selected");

Answer 2

सामान करने के लिए सक्षम होने के लिए नकल पर विचार करना चाहिए आप भी करने के लिए समारोह निम्नलिखित का उपयोग कर सकते कक्षा के नाम से तत्व प्राप्त करें।

excludeClass यहां एक वैकल्पिक पैरामीटर है, यह फ़ंक्शन अभी भी काम करेगा यदि आप केवल includeClass पैरामीटर को परिभाषित करते हैं।

function getElementsByClassName(includeClass, excludeClass) { 
    var elements = []; var el = document.getElementsByTagName('*'); 
    var regexp1 = new RegExp("\\b" + includeClass + "\\b"); 
    var regexp2 = new RegExp("\\b" + (excludeClass ? excludeClass : "") + "\\b"); 
    for (var i = 0; i < el.length; i++) { 
     if (regexp1.test(el[i].className) && !regexp2.test(el[i].className)) { elements.push(el[i]); } 
    } 
    return elements; 
} 

Answer 3

निम्नलिखित काम करेंगे। इसे getElementsByClassName() के मूल ब्राउज़र कार्यान्वयन का उपयोग करके अनुकूलित किया जा सकता है जहां सूची को "होवर" वर्ग के साथ तत्वों को फ़िल्टर करने के लिए मौजूद है।

function hasClass(el, cssClass) { 
    return el.className && new RegExp("(^|\\s)" + cssClass + "(\\s|$)").test(el.className); 
} 

var matchingElements = []; 
var allElements = document.getElementsByTagName("*"); 
for (var i = 0, len = allElements.length, el; i < len; ++i) { 
    el = allElements[i]; 
    if (hasClass(el, "hover") && !hasClass(el, "selected")) { 
     matchingElements.push(el); 
    } 
}