Javascript 如何将添加到一组li

我有一些如下的标记

<div class="col-sm-4 col-md-4 col-lg-4 someclass">

     <li id="app-105">Find Friends</li>
     <li id="app-107">Buy Tickets,Pay Cover Charges</li>
     <li id="app-3">Pre-purchase bottle service</li>
     <li id="app-4">Book VIP Services</li>
     <li id="app-5">Buy Merchandise</li>
     <li id="app-6">Toast Friends worldwide</li>
     <li id="app-7">Notify Services &amp; split the tab</li>

</div>

现在我想把它做成这样

<div class="col-sm-4 col-md-4 col-lg-4 someclass">

    <ul class="ajax-terms">

      <li id="app-105">Find Friends</li>
      <li id="app-107">Buy Tickets,Pay Cover Charges</li>
      <li id="app-3">Pre-purchase bottle service</li>
      <li id="app-4">Book VIP Services</li>
      <li id="app-5">Buy Merchandise</li>
      <li id="app-6">Toast Friends worldwide</li>
      <li id="app-7">Notify Services &amp; split the tab</li>

   </ul>

</div>

注意：像app-105这样的ID可能会像app-200、app-201等那样动态变化，将来可以添加更多的li

如何使用普通JavaScript或jQuery解决这个问题

如有任何帮助，我们将不胜感激。

您可以使用

使用 把所有的李都带进去 用ul包装 $'.someclass'.eachfunction{ $this.children'li'.wrapAll${ 类：“ajax术语” }; }; 结交朋友 买票，付保险费 预购瓶服务 预订贵宾服务 购买商品 举杯向全世界的朋友们致敬 通知服务及；拆分选项卡 结交朋友 买票，付保险费 预购瓶服务 预订贵宾服务 购买商品 举杯向全世界的朋友们致敬 通知服务及；拆分选项卡

---

首先，我向您的div添加一个ul，然后我向该ul添加所有包含string应用程序的id的li

$(".someclass").append("<ul id='yourUl'></ul>");
$("#yourUl").append($("[id*=app]"));

---

您实际要求的内容相当简单：

$'li[id^=app-]'.parent.eachfunction{ $this.children'li[id^=app-]'.wrapAll； }; 首先

结交朋友 买票，付保险费 预购瓶服务 第二

预订贵宾服务 购买商品 举杯向全世界的朋友们致敬 通知服务及；拆分选项卡

---

标记来自哪里？这是无效的，li元素不能是div的直接子元素。如果你将其加载到浏览器中，浏览器可以根据自己的需要随意重新定位这些元素。当然，这是不可能的，在页面加载期间，我需要添加ul。我的观点是：如果你这样做时浏览器已经处理过它，在您有机会移动这些li元素之前，浏览器完全有权将其移动到其他位置。Chrome似乎至少不在我的答案中，但…“yourUl”，您指的是哪个ID？您可以看到，ID附加了一个ul，ID为='yourUl'，它工作正常，希望提高投票率，但我没有足够的声誉：