drop down menu - using the contents of <a> tag to set the li class with jquery -
मेरे पास एक सरल ड्रॉप-डाउन मेनू है:
& lt; ul id = "nav "& Gt; & Lt; li & gt; & lt; a href = '/' & gt; अभिभावक एक & lt; / a & gt; & LT; ul & gt; & Lt; li & gt; & lt; a href = '/' & gt; बाल & lt; / a & gt; & lt; / li & gt; & Lt; li & gt; & lt; a href = '/' & gt; बाल & lt; / a & gt; & lt; / li & gt; & Lt; li & gt; & lt; a href = '/' & gt; बाल & lt; / a & gt; & lt; / li & gt; & Lt; / ul & gt; & Lt; / li & gt; & Lt; li & gt; & lt; a href = '/' & gt; माता-पिता & lt; / a & gt; & LT; ul & gt; & Lt; li & gt; & lt; a href = '/' & gt; बाल & lt; / a & gt; & lt; / li & gt; & Lt; li & gt; & lt; a href = '/' & gt; बाल & lt; / a & gt; & lt; / li & gt; & Lt; li & gt; & lt; a href = '/' & gt; बाल & lt; / a & gt; & lt; / li & gt; & Lt; / ul & gt; & Lt; / li & gt;
मुझे एक वर्ग को & lt; Li> माता-पिता का टैग जो माता-पिता के नाम के बराबर है & lt; A> टैग।
& lt; ul id = "nav" & gt; & Lt; li वर्ग = "माता-पिता" & gt; & lt; a href = '/' & gt; पैरेन्टऑन & lt; / a & gt; & LT; ul & gt; & Lt; li & gt; & lt; a href = '/' & gt; बाल & lt; / a & gt; & lt; / li & gt; & Lt; li & gt; & lt; a href = '/' & gt; बाल & lt; / a & gt; & lt; / li & gt; & Lt; li & gt; & lt; a href = '/' & gt; बाल & lt; / a & gt; & lt; / li & gt; & Lt; / ul & gt; & Lt; / li & gt; & Lt; li वर्ग = "माता-पिता" & gt; & lt; a href = '/' & gt; मातहत दो & lt; / a & gt; & LT; ul & gt; & Lt; li & gt; & lt; a href = '/' & gt; बाल & lt; / a & gt; & lt; / li & gt; & Lt; li & gt; & lt; a href = '/' & gt; बाल & lt; / a & gt; & lt; / li & gt; & Lt; li & gt; & lt; a href = '/' & gt; बाल & lt; / a & gt; & lt; / li & gt; & Lt; / ul & gt; & Lt; / li & gt;
मैंने इस बिट कोड की कोशिश की:
& lt; script language = "javascript" type = "text / javascript" & gt; $ ('# नेविगेशन उल ली')। प्रत्येक (फ़ंक्शन (इंडेक्स) {var link = $ (this); $ ('li', link.parent ())। AddClass (link.text ());}) ; & Lt; / स्क्रिप्ट & gt;
लेकिन यह बच्चों के लिए क्लास पर लागू होता है & lt; Li> टैग करें और पैरेंट नहीं & lt; Li> - किसी भी मदद की सराहना की जाएगी। धन्यवाद!
$ ('# nav & gt; li & gt; a') प्रत्येक। फ़ंक्शन () {$ (this)। Parent ()। AddClass ($ (this) .text ()। Replace (/ \ s /, ''));});
Comments
Post a Comment