jQuery：将多组列表项中的>> 标签包裹在多组列表项 我正在构建一个依赖AJAX从JSON文件中提取数据的分层菜单。我进行了两个单独的AJAX调用-每个调用创建一个单独的无序列表（UL）。这是AJAX调用： //AJAX calls to the Category JSON file var $requestcategories = $.ajax({ url: 'https://MyURL/categories.json', dataType: 'json', type: 'get', cache: 'false', success: function(data) { let $ul = $('<ul id="categories" />'); let html = data.categories.map(c => `<li class="cat" catid=${c.id}><a href="#">${c.name}</a></li>`); $ul.append(html).appendTo('#testnav'); } }); //AJAX calls to the the Section JSON file var $requestsections = $.ajax({ url: 'https://MyURL/sections.json', dataType: 'json', type: 'get', cache: 'false', success: function(data) { let $ul = $('<ul id="sections" />'); let html = data.sections.map(s => `<li class="sec" secid=${s.id} categoryid=${s.category_id} parentsecid=${s.parent_section_id}><a href="${s.html_url}">${s.name}</a></li>`); $ul.append(html).appendTo('#testnav'); 一旦创建了两个列表，然后使用jQuery appendTo方法将第二个UL中的列表项移动到第一个UL中的相应位置。以下是移动各个部分的代码： //Code that moves each individual section to its parent category $("li[categoryid|='360002246652']").appendTo( $("li[catid|='360002246652']")); $("li[categoryid|='360002246672']").appendTo( $("li[catid|='360002246672']")); $("li[categoryid|='360002254991']").appendTo( $("li[catid|='360002254991']")); $("li[categoryid|='360002255011']").appendTo( $("li[catid|='360002255011']")); $("li[categoryid|='360002255031']").appendTo( $("li[catid|='360002255031']")); $("li[categoryid|='360002255051']").appendTo( $("li[catid|='360002255051']")); 移动后，有6个父级列表，每个父级列表都有许多子级列表项。 （在所附的屏幕截图中可以看到该结构。） 我现在想做的是将每组子列表项包装在其自己的一组 标记中，以便在每种情况下创建适当的嵌套无序列表。 在此先感谢您提供的任何帮助。 我正在构建一个依赖AJAX从JSON文件中提取数据的分层菜单。我进行了两个单独的AJAX调用-每个调用创建一个单独的无序列表（UL）。以下是AJAX调用：// ...

Question

我正在构建一个依赖AJAX从JSON文件中提取数据的分层菜单。我进行了两个单独的AJAX调用-每个调用创建一个单独的无序列表（UL）。这是AJAX调用：

Answer 1

您应将UL元素嵌套在class =“ cat”列表项中，然后将子代附加到该UL元素。

Answer 2

我设法通过在我的“ let html”语句中添加外部的<ul></ul>标签集来实现我想要的目标，如下所示：