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。现在我想得到一个具有名为current_lang的类的li的总html标记。所以我为此制作了我的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

Answer 2

这应该给出html标记

$("li.current_lang")[0].outerHTML

OR

$("li.current_lang").prop('outerHTML')

DEMO

jQuery获取所选类的总标记

2 个答案: