Javascript jQuery使用正确的结束标记和结束标记包装所选标记

Javascript jQuery使用正确的结束标记和结束标记包装所选标记,javascript,jquery,html,Javascript,Jquery,Html,我有这样的标记 <ul class="language-dropdown"> <li class="lang-switch language_en current_lang "> <a href="#"> <img src="res/flags/en.png" alt="en"> </a> </li> <li class="lang-switch language_es ">

我有这样的标记

<ul class="language-dropdown">
  <li class="lang-switch language_en current_lang ">
    <a href="#">
      <img src="res/flags/en.png" alt="en">
    </a>
  </li>
  <li class="lang-switch language_es ">
    <a href="#">
      <img src="res/flags/es.png" alt="es">
    </a>
  </li>
  <li class="lang-switch language_de ">
    <a href="#">
      <img src="res/flags/de.png" alt="de">
    </a>
  </li>
  <li class="lang-switch language_ja ">
    <a href="#">
      <img src="res/flags/ja.png" alt="ja">
    </a>
  </li>
</ul>
但是这个人是这样做的

<li class="lang-switch language_en current_lang ">
  <a href="#"><img src="res/flags/en.png" alt="en"></a>
<ul class="language-dropdown">
  <li class="lang-switch language_en current_lang ">
    <a href="#">
      <img src="res/flags/en.png" alt="en">
    </a>
  </li>
  <li class="lang-switch language_es ">
    <a href="#">
      <img src="res/flags/es.png" alt="es">
    </a>
  </li>
  <li class="lang-switch language_de ">
    <a href="#">
      <img src="res/flags/de.png" alt="de">
    </a>
  </li>
  <li class="lang-switch language_ja ">
    <a href="#">
      <img src="res/flags/ja.png" alt="ja">
    </a>
  </li>
</ul>
</li>
jQuery(document).ready(function() {
  var Current = jQuery('li.current_lang').prop('outerHTML');
  jQuery('ul.language-dropdown').wrapAll(Current);
});
<li class="lang-switch language_en current_lang ">
  <a href="#">
  <img src="res/flags/en.png" alt="en">
<ul class="language-dropdown">
  <li class="lang-switch language_en current_lang ">
    <a href="#">
      <img src="res/flags/en.png" alt="en">
    </a>
  </li>
  <li class="lang-switch language_es ">
    <a href="#">
      <img src="res/flags/es.png" alt="es">
    </a>
  </li>
  <li class="lang-switch language_de ">
    <a href="#">
      <img src="res/flags/de.png" alt="de">
    </a>
  </li>
  <li class="lang-switch language_ja ">
    <a href="#">
      <img src="res/flags/ja.png" alt="ja">
    </a>
  </li>
</ul>
</img>
</a>
</li>

所以,有人能告诉我什么是最简单的方法,以适当的方式得到它。任何帮助都是值得的。谢谢

正确关闭标记后,您的代码将正常工作并获得所需的输出


如果这不是您要查找的输出,请添加注释。

预期的输出是无效的标记。
<ul class="language-dropdown">
    <li class="lang-switch language_en current_lang "><a href="#">
        <img src="res/flags/en.png" alt="en" />
    </a></li>
    <li class="lang-switch language_es "><a href="#">
        <img src="res/flags/es.png" alt="es" />
    </a></li>
    <li class="lang-switch language_de "><a href="#">
        <img src="res/flags/de.png" alt="de" />
    </a></li>
    <li class="lang-switch language_ja "><a href="#">
        <img src="res/flags/ja.png" alt="ja" />
    </a></li>
</ul>