javascript - Jquery html() 方法获取 <li> html

Question

我的 HTML 中有一个无序列表

<ul>
   <li><div class="container1"><h2>list 1</h2></div></li>
   <li><div class="container2"><h2>list 2</h2></div></li>
   <li><div class="container3"><h2>list 3</h2></div></li>
</ul>

我想要一个特定的<li>使用 Jquery 生成 html html()方法

console.log($(".container1").closest('li').html()); // returns code from the div
output : <div class="container"><h2>list 1</h2></div>

我希望输出为 <li><div class="container1"><h2>list 1</h2></div></li>包括<li>标签。

如果我上一级到 closest('ul')它返回所有 3 个 li 元素。

JSFiddle:http://jsfiddle.net/W4QfJ/417/

Answer 1

尝试 $(".container1").closest('li')[0].outerHTML (我认为它与大多数浏览器兼容 - 您可能需要检查 IE)