javascript - How do I add then remove class on outer div on each clink -


यदि id का li a आइटम वर्ग से मेल खाता है Div आइटम प्रत्येक क्लिक पर एक वर्ग "विषय" जोड़ना चाहते हैं।

यदि आईडी का li a < / कोड> आइटम div आइटम की श्रेणी से मेल नहीं खाता, वर्ग "विषय" को गैर-मिलान वाले डिवीज़ से निकालना चाहता है।

लेकिन यह केवल प्रत्येक क्लिक पर वर्ग को जोड़ता है लेकिन कक्षा को दूर नहीं करता है। कोई सुझाव?

  & lt; ul class = "funding-theme" & gt; & Lt; li डेटा-रिले = "सभी" & gt; एक वर्ग = "उप सक्रिय" आईडी = "सभी" href = "जावास्क्रिप्ट: शून्य (0)" & gt; सभी & lt; / a & gt; & lt; / li & gt; & Lt; li & gt; & lt; एक वर्ग = "उप" आईडी = "शिक्षा" href = "जावास्क्रिप्ट: शून्य (0)" & gt; शिक्षा & lt; / a & gt; & lt; / li & gt; & Lt; li & gt; & lt; एक कक्षा = "उप" आईडी = "स्वास्थ्य देखभाल" href = "जावास्क्रिप्ट: शून्य (0)" & gt; हेल्थकेयर & lt; / a & gt; & lt; / li & gt; & Lt; li & gt; & lt; एक वर्ग = "उप" आईडी = "न्याय" href = "जावास्क्रिप्ट: शून्य (0)" & gt; न्याय & lt; / a & gt; & lt; / li & gt; & Lt; / ul & gt; & Lt; div वर्ग = "सूची बायीं" & gt; & Lt; div वर्ग = "गैर-लाभकारी सभी शिक्षा" & gt; & lt; / div & gt; & Lt; div वर्ग = "गैर-लाभकारी सभी शिक्षा" & gt; & lt; / div & gt; & Lt; div वर्ग = "सभी न्याय के गैर-लाभकारी" & gt; & lt; / div & gt; & Lt; div वर्ग = "सभी स्वास्थ्य देखभाल non_profit" & gt; & lt; / div & gt; & Lt; / div & gt; & LT; स्क्रिप्ट & gt; var $ sub = $ ("। sub"); $ Sub.click (फ़ंक्शन (ई) {if (e.target.id == "सभी") {// चेतावनी ("#" + $ (यह) .attr ('id') + ""); $ ( "$ $ (यह) .attr ('id'))। RemoveClass ('थीम');} और यदि (e.target.id == $ (this) .attr ('id')) {चेतावनी ( "#" + $ (यह) .attr ('id') + ""); $ ("।" "+ $ (This) .attr ('id'))। RemoveClass ('थीम'); $ (" "+ $ (यह) .attr ('id')) addClass ('थीम');}}); & Lt; / स्क्रिप्ट & gt;    

इसे आज़माएं

  $ ('। Sub '' '' '' '' '' '' '' '' '' '' '' '' '' (' $ (This) .hasClass (id)) {$ (this) .addClass ('theme');} और {$ (this) .removeClass ('theme');}});});   



Comments

Popular posts from this blog

Verilog Error: output or inout port "Q" must be connected to a structural net expression -

jasper reports - How to center align barcode using jasperreports and barcode4j -

c# - ASP.NET MVC - Attaching an entity of type 'MODELNAME' failed because another entity of the same type already has the same primary key value -