javascript - How to add Dropdown arrow to a <li> which has child elements -


यह मेरा मूल मेनू है

  & lt; ul class =" mymenu "& gt; & Lt; li & gt; & lt; a href = "#" & gt; 1 HTML & lt; / a & gt; & lt; / li & gt; & Lt; li & gt; & lt; a href = "#" & gt; 2 सीएसएस & lt; / a & gt; & LT; ul & gt; & Lt; li & gt; & lt; a href = "#" & gt; 3.1 jQuery & lt; / a & gt; & LT; ul & gt; & Lt; li & gt; & lt; a href = "#" & gt; 3.1.1 डाउनलोड & lt; / a & gt; & lt; / li & gt; & Lt; li & gt; & lt; a href = "#" & gt; 3.1.2 ट्यूटोरियल & lt; / a & gt; & lt; / li & gt; & Lt; / ul & gt; & Lt; / li & gt; & Lt; / ul & gt; & Lt; / li & gt; & Lt; li & gt; & lt; a href = "#" & gt; 3 जावास्क्रिप्ट & lt; / a & gt; & lt; / li & gt;  

  & lt; ul class = " mymenu "& gt; & Lt; li & gt; & lt; a href = "#" & gt; 1 HTML & lt; / a & gt; & lt; / li & gt; & Lt; li & gt; & lt; a href = "#" & gt; 2 सीएसएस & lt; span class = "parent" & gt; & amp; # 9660 & lt; / span & gt; & lt; / a & gt; & LT; ul & gt; & Lt; li & gt; & lt; a href = "#" & gt; 3.1 jQuery & lt; / a & gt; & LT; ul & gt; & Lt; li & gt; & lt; a href = "#" & gt; 3.1.1 डाउनलोड & lt; / a & gt; & lt; / li & gt; & Lt; li & gt; & lt; a href = "#" & gt; 3.1.2 ट्यूटोरियल & lt; / a & gt; & lt; / li & gt; & Lt; / ul & gt; & Lt; / li & gt; & Lt; / ul & gt; & Lt; / li & gt; & Lt; li & gt; & lt; a href = "#" & gt; 3 जावास्क्रिप्ट & lt; / a & gt; & lt; / li & gt; & Lt; / ul & gt;  

दो मेनू में अंतर है,

  & lt; span class = "माता पिता" & gt; 9660 & lt; / span & gt;  

मैं प्रत्येक तत्व में ड्रॉपडाउन तीर जोड़ना चाहता हूं जिसमें सबमेनू है

मैं Jquery या जावास्क्रिप्ट समाधान चाहता हूँ।

मैं दो समाधान समस्या।

1)। जावास्क्रिप्ट समाधान। JQuery का उपयोग करके आप इसे बहुत आसान प्राप्त कर सकते हैं:

  $ ('a + ul')। Prev ('a')। Append ('& lt; span class = "parent" & gt; & amp; # 9660 से & lt; / span & gt; ');  

डेमो:

2)। सीएसएस ही समाधान आधुनिक छद्म चयनकर्ताओं का उपयोग करके आप यह कर सकते हैं:

  li a: नहीं (केवल-बच्चा): {content: '\ 25bc' के बाद; }  

अतिरिक्त जानकारी: और चयनकर्ताओं समर्थन: IE9 +।

नोट: सीएसएस समाधान जावास्क्रिप्ट के बराबर नहीं है, क्योंकि यह डीओएम में span.parent तत्व सम्मिलित नहीं करता है।

डेमो :


Comments

Popular posts from this blog

c# - XML serialize base class without knowing derived class -

c# - UnhandledExceptionMode.ThrowException for AppDomain.UnhandledException -

udp - The relationship between MTU and size of skb in xmit function -