选择对象JQuery

Question

我的HTML结构如下：

<div>
    <ul>
        <li></li>
        <li></li>
        ...
    </ul>
    <div>
        ...
    </div>
</div>

是否可以使用jQuery检索ul的HTML结构？

我尝试了这些，但它只返回子li元素的HTML，但我也需要包含ul：

$("div ul").html() 
// or 
$("div").children(":first-children")).html()

Answer 1

您可以使用DOMElement的outerHTML属性将HTML输出作为您需要的字符串获取。试试这个：

var ulHtml = $('div ul')[0].outerHTML;

Working example

Answer 2

如果您想从html上方获取ul的结构，那么您可以尝试这样：

HTML：

<div>
    <ul>
      <li>aaa</li>
      <li>bbb</li>
      <li>ccc</li>
    </ul>
    <div>3</div>
</div>

Jquery的：

$('div:first ul').html();
// select first div by div:first then get the UL of this div

Demo