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 /, ''));});