jQuery获取所选类的总标记

jQuery get the total markup with the selected class

本文关键字：获取 jQuery      更新时间：2023-09-26

我有一个这样的标记。

<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。现在，我想获得李的html标记，李有一个名为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。任何帮助和建议都将非常可观。感谢

我相信你想要外部html:

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

演示

这应该会给html标记

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

或

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

演示

相关文章：