javascript - jQuery 获取所选类的总标记

Question

我有一个这样的标记。

<ul class="language-dropdown">
  <li class="lang-switch language_en "><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_ja current_lang "><a href="#"><img src="res/flags/ja.png" alt="ja"></a></li>
  <li class="lang-switch language_de "><a href="#"><img src="res/flags/de.png" alt="de"></a></li>
</ul>

在这里你可以看到我在 li 标签中有一个 current_lang 类。现在我想获得 li 的总 html 标记，该 li 有一个名为 current_lang 的类。 为此，我将 jQuery 做成了这样

jQuery(document).ready(function() {
 var CurrentItem = jQuery('ul.language-dropdown').find('li.current_lang').contents();
 console.log(CurrentItem);
});

但是这个没有获取 html 标记。那么有人可以告诉我如何获得总标记[ <li class="lang-switch language_ja current_lang "><a href="#"><img src="res/flags/ja.png" alt="ja"></a></li> ] 与匹配的类 current_lang。任何帮助和建议都将非常感激。谢谢

Answer 1

我相信你想要外部 html:

var CurrentItem = jQuery('ul.language-dropdown').find('li.current_lang').clone().wrap('<p>').parent().html();
console.log(CurrentItem);

<强> Demo