javascript - jQuery wrap the selected markup with proper closing and ending tags -


मेरे पास ऐसा मार्कअप है।

  & lt; ul class = "language-dropdown "& gt; & Lt; li वर्ग = "lang-switch language_en current_lang" & gt; & Lt; a href = "#" & gt; & Lt; img src = "res / flags / en.png" alt = "एन" & gt; & Lt; / a & gt; & Lt; / li & gt; & Lt; li वर्ग = "लैंग-स्विच भाषा_इस" & gt; & Lt; a href = "#" & gt; & Lt; img src = "res / flags / es.png" alt = "es" & gt; & Lt; / a & gt; & Lt; / li & gt; & Lt; li वर्ग = "लैंग-स्विच भाषा_डे" & gt; & Lt; a href = "#" & gt; & Lt; img src = "res / flags / de.png" alt = "de" & gt; & Lt; / a & gt; & Lt; / li & gt; & Lt; li वर्ग = "लैंग-स्विच भाषा_जा" & gt; & Lt; a href = "#" & gt; & Lt; img src = "res / flags / ja.png" alt = "ja" & gt; & Lt; / a & gt; & Lt; / li & gt; & Lt; / ul & gt;  

अब आप देख सकते हैं कि मेरे पास एक ली है, जिसमें क्लास चालू_लाँग है I अब मुझे चाहिए कि जेक्यूआर मार्कअप के साथ क्लास मिलेगा और चयनित HTML मार्कअप को कुल उल के लिए रैप के रूप में जोड़ दिया जाएगा। मेरा मतलब है कि आउटपुट इस तरह होना चाहिए

  & lt; li class = "lang-switch language_en current_lang" & gt; & Lt; a href = "#" & gt; & lt; img src = "res / flags / en.png" alt = "en" & gt; & lt; / a & gt; & Lt; ul class = "भाषा-ड्रॉपडाउन" & gt; & Lt; li वर्ग = "lang-switch language_en current_lang" & gt; & Lt; a href = "#" & gt; & Lt; img src = "res / flags / en.png" alt = "एन" & gt; & Lt; / a & gt; & Lt; / li & gt; & Lt; li वर्ग = "लैंग-स्विच भाषा_इस" & gt; & Lt; a href = "#" & gt; & Lt; img src = "res / flags / es.png" alt = "es" & gt; & Lt; / a & gt; & Lt; / li & gt; & Lt; li वर्ग = "लैंग-स्विच भाषा_डे" & gt; & Lt; a href = "#" & gt; & Lt; img src = "res / flags / de.png" alt = "de" & gt; & Lt; / a & gt; & Lt; / li & gt; & Lt; li वर्ग = "लैंग-स्विच भाषा_जा" & gt; & Lt; a href = "#" & gt; & Lt; img src = "res / flags / ja.png" alt = "ja" & gt; & Lt; / a & gt; & Lt; / li & gt; & Lt; / ul & gt; & Lt; / li & gt;  

इसलिए कि मैं शीर्ष पर current_lang और ड्रॉपडाउन के रूप में सभी सूची प्राप्त कर सकता हूं। ऐसा करने के लिए मैंने सिर्फ अपना कोड बना लिया है

  jQuery (document) .ready (function () {var Current = jQuery ('li.current_lang')। Prop ('outerHTML'); JQuery ('ul.language-dropdown')। WrapAll (वर्तमान);});  

लेकिन यह एक ऐसा काम करता है

  & lt; li class = "lang-switch language_en current_lang" & gt; & Lt; a href = "#" & gt; & Lt; img src = "res / flags / en.png" alt = "एन" & gt; & Lt; ul class = "भाषा-ड्रॉपडाउन" & gt; & Lt; li वर्ग = "lang-switch language_en current_lang" & gt; & Lt; a href = "#" & gt; & Lt; img src = "res / flags / en.png" alt = "एन" & gt; & Lt; / a & gt; & Lt; / li & gt; & Lt; li वर्ग = "लैंग-स्विच भाषा_इस" & gt; & Lt; a href = "#" & gt; & Lt; img src = "res / flags / es.png" alt = "es" & gt; & Lt; / a & gt; & Lt; / li & gt; & Lt; li वर्ग = "लैंग-स्विच भाषा_डे" & gt; & Lt; a href = "#" & gt; & Lt; img src = "res / flags / de.png" alt = "de" & gt; & Lt; / a & gt; & Lt; / li & gt; & Lt; li वर्ग = "लैंग-स्विच भाषा_जा" & gt; & Lt; a href = "#" & gt; & Lt; img src = "res / flags / ja.png" alt = "ja" & gt; & Lt; / a & gt; & Lt; / li & gt; & Lt; / ul & gt; & Lt; / img & gt; & Lt; / a & gt; & Lt; / li & gt;  

तो कोई कृपया मुझे यह बता सकता है कि उचित तरीके से इसे प्राप्त करने का क्या आसान तरीका है। कोई मदद वास्तव में सराहनीय हो जाएगा धन्यवाद

टैग ठीक से बंद करने के बाद, आपका कोड काम करता है और आवश्यक आउटपुट मिला है। ।

  & lt; ul class = "भाषा-ड्रॉपडाउन" & gt; & Lt; li वर्ग = "lang-switch language_en current_lang" & gt; & lt; a href = "#" & gt; & Lt; img src = "res / flags / en.png" alt = "एन" / & gt; & Lt; / a & gt; & lt; / li & gt; & Lt; li वर्ग = "लैंग-स्विच भाषा_ए" & gt; & lt; a href = "#" & gt; & Lt; img src = "res / flags / es.png" alt = "es" / & gt; & Lt; / a & gt; & lt; / li & gt; & Lt; li वर्ग = "लैंग-स्विच भाषा_डे" & gt; & lt; a href = "#" & gt; & Lt; img src = "res / flags / de.png" alt = "de" / & gt; & Lt; / a & gt; & lt; / li & gt; & Lt; li वर्ग = "लैंग-स्विच भाषा_जा" & gt; & lt; a href = "#" & gt; & Lt; img src = "res / flags / ja.png" alt = "ja" / & gt; & Lt; / a & gt; & lt; / li & gt; & Lt; / ul & gt;  

कृपया एक टिप्पणी जोड़ें अगर यह आपके लिए खोज की जाने वाली आउटपुट नहीं है।


Comments

Popular posts from this blog

sqlite3 - UPDATE a table from the SELECT of another one -

c# - Showing a SelectedItem's Property -

javascript - Render HTML after each iteration in loop -