javascript - 使用 jQuery 修复无效的嵌套列表

Question

我留下了一大堆遗留的 HTML。我有多个列表，其中包含尚未合并到列表项中的子列表，尽管这可以正确呈现，但它仍然会导致可访问性测试出现问题。是否有一个 jQuery 方法可以让我纠正这个问题，直到我可以说服内容提供者正确地做到这一点？

<ul>
    <li>list</li>
    <li>list</li>
       <ul class="shouldBeSublist">
        <li>list</li>
        <li>list</li>
        <li>list</li>
      </ul>
    <li>list</li>
</ul>

最后一次失败的尝试...

$("ul ul").append(function () {
                return this.closest("li");
});

想要的结果...

<ul>
    <li>list</li>
    <li>list
       <ul class="shouldBeSublist">
        <li>list</li>
        <li>list</li>
        <li>list</li>
      </ul>
    **</li>**
    <li>list</li>
</ul>

Answer 1

只选择列表的子列表并使用 jQuery 的 appendTo()将它们移动到上一个列表元素的方法:

$('ul > ul').each(function() {
  $(this).appendTo($(this).prev('li'));
});

https://api.jquery.com/appendto/
Demo