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

Post a Comment

Popular posts from this blog

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

-
I know that a XmlSerializer throws an exception if the type passed does not match the type Since then the serializer was created My question is: Is it possible to serial the base type without knowing the derivative type? Consider the following scenario: The following classes are in a top-level domain and there is no dependency : Public Class Serializer {Private Static String Serialize (base basedata) {var serializer = New XML serializer (typefile); Var sb = new stringbilder (); (Var author = XmlWriter.Create (sb)) using {serializer.Serialize (author, bassadata); } Return sb.ToString (); } Private static string Deserialize (...) {...}} Public class base {public string name {get; Set; }} The following derivative classes have additional dependencies on things like UI components, structure, etc. (and more on this later): [Export (Typ (IMyComponent)] Public category was created: Base, IMyComponent, INotifyPropertyChanged {public new string name {get {return base.Name; ...
Read more

sql - Find last match with latest inserted name in table -

-
मेरे पास एक टेबल है PersonalInfo जैसे कॉलम जैसे आईडी, नाम, पता । मान लें कि मेरा डेटा निम्न है 1 जॉन यूएस 2 मार्क यूके 3 जॉन यूके 4 डेविड यूएस अब जब मैं नया रिकार्ड निम्न सम्मिलित करता हूं 5 जॉन चीन मैं पिछले रिकार्ड को उसी नाम के रूप में अद्यतन करना चाहता हूँ जैसा कि उदाहरण के लिए नया है जैसा कि यहां दिखाया गया है 3 जॉन यूके को 3 जॉन चीन पर अपडेट कर दिया जाएगा। जब मैं 5 वीं रिकॉर्ड को सम्मिलित करता है तो तालिका 1 जॉन यूएस 2 मार्क यूके 3 जॉन चीन 4 डेविड यूएस 5 जॉन चीन मुझे किस SQL ​​क्वेरी का उपयोग करना चाहिए? आईडी मान लेना ऑटो-वर्धित है, यह उस नाम और पता संयोजन के लिए सबसे अधिक मूल्य होगा। सेट पता personalinfo अद्यतन = 'अमेरिका' कहां आईडी = (चयन मैक्स (आईडी) personalinfo से जहां नाम = 'जॉन' और पता = 'ब्रिटेन')
Read more

Send innerHTML text in URL in JSP -

-
To send innerhtml text of a tag to the URL on the onclick event handler on the JSP page and how to value it in another JSP page get receive? Here is my code & lt; A href = "DocumentViewer.jsp" & gt; Hello & lt; / A & gt; I want to send hello to url. help? You should assume the URL onclick event and use it JSP page In request.getParameter () example code below & lt; A href = "DocumentViewer.jsp? Proces = something" & gt; Hello & lt; / A & gt; And get it in JSP in this way. string supporters = request.getParameter ("proces");
Read more