如何在jQuery中从父项中选择所有子项？

Question

我有以下列表：

<ul>
    <li>test1</li>
    <li>test2</li>
</ul>

如何将此列表转换为以下内容：

<li>test1</li>
<li>test2</li>

我的代码是：

$(data).find('.ContentPanel>ul').each(function() {
    $(this).children();
});

Answer 1

.children会返回匹配元素的所有子元素，因此如果您想获取ul的子元素，可以尝试使用

$('ul').children();

由于您还想要排除父标记ul，即您想要打开li's，您可以使用jQuery的.unwrap()方法。 （显然标记在此之后无效，因为li必须用ul换行

$('ul').children().unwrap();

<强> Js Fiddle Demo