Monday, 15 April 2013

javascript - Filter list based on multiple classes u -


मैं .show () या .hide () कुछ li कई वर्गों पर आधारित तत्व जो किसी सरणी से चुना जाता है।

यहां एचटीएमएल का एक उदाहरण है जिसके साथ मैं काम कर रहा हूं:

  & lt; div class = "category-list" & gt; & Lt; ul class = "light" id = "श्रेणी-मेन्यू" & gt; & Lt; li id ​​= "client-x" & gt; एक वर्ग = "कार्य-वस्तु" onclick = "टॉगल कंटेंट ('क्लाइंट-एक्स')" & gt; क्लाइंट एक्स & lt; / a & gt; & lt; / li & gt; & Lt; li id ​​= "client-y" & gt; एक वर्ग = "कार्य-वस्तु" onclick = "टॉगल कंटेंट ('क्लाइंट-वाई')" & gt; क्लाइंट वाई & lt; / a & gt; & lt; / li & gt; & Lt; / ul & gt; & Lt; / div & gt;  

और फ़ंक्शन जिसे मैं कॉल कर रहा हूं:

  फ़ंक्शन टॉगल कंटेंट (आईडी) {jQuery (दस्तावेज़) .ready (फ़ंक्शन ($) {var ez = Document.getElementsByClassName (id); var cats = []; var आइटम = window.localStorage.getItem ('आइटम'); अगर (आइटम === रिक्त || आइटम। लम्बाई === 0) {cats.push ( आईडी ()); $ ("। पोर्ट-प्रोजेक्ट"), छिपाने (); स्थानीयस्टॉरेज .सेट आईटीम ("आइटम", JSON.stringify (बिल्लियों)); $ (ez) .closest ("। पोर्ट-प्रोजेक्ट")। );} और {cats = JSON.parse (localStorage.getItem ("आइटम")); यदि (cats.indexOf (id) & gt; -1) {for (var i = 0; i & lt; cats.length; i ++ ) {If (बिल्लियों [i] === आईडी) {cats.splice (i, 1); स्थानीयस्टॉरेज .सेट आईटम ("आइटम", JSON.stringify (बिल्लियों)); // $ (ez) .closest ("। पोर्ट-प्रोजेक्ट ")। Hide ();}}} अन्य {cats.push (id); LocalStorage.setItem ("आइटम", JSON.stringify (बिल्लियों)); // $ (ईज़ी) .closest ( "बंदरगाह परियोजना।") शो ()।; }} $ ("। पोर्ट-प्रोजेक्ट")। फ़िल्टर (JSON.पार्स (स्थानीय स्टोरेज.गेटइटम ('आइटम')))। शो (); }  

तो मैं जो करने की कोशिश कर रहा हूं वह एक सरणी में वर्गों के समूह की दुकान है जो कि localStroage में संग्रहीत है। वहां से जब कोई व्यक्ति किसी फिल्टर पर क्लिक करता है तो मैं उस स्थान के आधार पर .port-project को दिखाना या छुपाना चाहता हूं, लेकिन केवल उन परियोजनाओं को प्रदर्शित करता है जो सभी आइटम शामिल करें < / Strong> उस सरणी में (जिसे JSON.parse / JSON.stringify के माध्यम से एक्सेस किया गया है)। द्वितीय यदि / अन्य केवल क्लास पहले से मौजूद है या नहीं, इसके आधार पर वर्गों को जोड़ना या निकालना है।

मैंने अनगिनत धागे के माध्यम से पढ़ा है और मैं स्थानीय संचय को जांचने के लिए .filter सुविधा का उपयोग करने की कोशिश कर रहा हूं, लेकिन मुझे लगता है कि मैंने प्रक्रिया को गश्त किया है कोई विचार?

इस नौसिखिया से पहले से बहुत धन्यवाद


No comments:

Post a Comment