jquery - 按父 ID 将 xml 分组为 ul li html-6ren

jquery - 按父 ID 将 xml 分组为 ul li html

转载作者：太空狗更新时间：2023-10-29 15:19:51

26

4

<分区>

我有一个 xml 列表，我想将它们转换成 html ul li 并按每个项目中声明的父 ID 对它们进行分组。

<list>
<item>
    <id>1</id>
    <ParentID>100</ParentID>
    <Seq>1</Seq>
</item>
<item>
    <id>2</id>
    <ParentID>100</ParentID>
    <Seq>2</Seq>
</item>
<item>
    <id>3</id>
    <ParentID>200</ParentID>
    <Seq>5</Seq>
</item>
<item>
    <id>4</id>
    <ParentID>100</ParentID>
    <Seq>3</Seq>
</item>
<item>
    <id>5</id>
    <ParentID>100</ParentID>
    <Seq>4</Seq>
</item>
<item>
    <id>6</id>
    <ParentID>200</ParentID>
    <Seq>1</Seq>
</item>
<item>
    <id>7</id>
    <ParentID>200</ParentID>
    <Seq>2</Seq>
    </item>
<item>
    <id>8</id>
    <ParentID>200</ParentID>
    <Seq>4</Seq>
</item>
<item>
    <id>9</id>
    <ParentID>200</ParentID>
    <Seq>3</Seq>
</item>
<item>
    <id>10</id>
    <ParentID>200</ParentID>
    <Seq>6</Seq>
</item>
</list>

输出应该是这样的。我将不得不使用上面给出的 xml 来形成 ul 和 li。

<ul>
<li id="item-100" parentid="100">
    <h4>Item 100</h4>
    <ul class="sortConn">
        <li id="item-1" class="ui-state-default">Item 1</li>
        <li id="item-2" class="ui-state-default">Item 2</li>
        <li id="item-4" class="ui-state-default">Item 4</li>
        <li id="item-5" class="ui-state-default">Item 5</li>
    </ul>
</li>       
</ul>

<ul>
<li id="item-200" parentid="200">
    <h4>Item 200</h4>
    <ul class="sortConn">
        <li id="item-3" class="ui-state-default">Item 3</li>
        <li id="item-6" class="ui-state-default">Item 6</li>
        <li id="item-7" class="ui-state-default">Item 7</li>
        <li id="item-8" class="ui-state-default">Item 8</li>
        <li id="item-9" class="ui-state-default">Item 9</li>
        <li id="item-10" class="ui-state-default">Item 10</li>
    </ul>
</li>       
</ul>

我该怎么做？我应该将 .each 循环与 wrapall 一起使用吗？有人可以帮忙吗？

这是我试过的。

var $ul = $('<ul></ul>'), $li = $('<li></li>');

var $ulc, $lic;

$ulc = $ul.clone();
//
var group = {}, pid;
//
$('item', output).each(function (idx, elm) {
    pid = $('ParentID', elm).text();
    //
    if (group.hasOwnProperty(pid)) {
        group[pid] += 1;
    }
    else {
        group[pid] = 1;
    }

    $ulc = $ul.clone();

    $lic = $li.clone();
    $lic.addClass('ui-state-default');
    $lic.attr('id', 'item-' + pid);
    $lic.append('Item ' + pid); //title of the sitemap

    $ulc.append($lic);

    $('#result').append($ulc);              
});

26

4

0

文章推荐： c - switch 还是 const table 更好？ (嵌入式软件)

文章推荐： c - 在 C 中如何在字符串中找到 '\' 字符？

mysql - 按 parent 分组，但不按 child 分组
您好，我正在处理 BIRT 报告。我有一个查询，我必须对父级的重复数据进行分组，但子级也不能分组! 在我的查询中: item 是父项，item_ledger_entry 是子项。我有来自 item.N
google-analytics - 为什么 MCF channel 分组≠默认 channel 分组？
我正在使用 GA API。这是针对 MCF 目标报告(底部)的标准目标完成指标表(顶部) 看一下这个: 总数加起来 (12,238)，但看看按 channel 分组的分割有多么不同!我以为这些会很接
OrientDB 分组
我正在开发一个流量计数器，我想获得 IP 和重复计数，但是如何？就像是 :select ip, count(ip) from Redirect 返回 : null total ip count 重定
Java正则表达式(分组)
我尝试编写一个正则表达式来匹配条件表达式，例如: a!=2 1+2=2+a 我尝试提取运算符。我当前的正则表达式是“.+([!=<>]+).+” 但问题是匹配器总是尝试匹配组中可能的最短字符串
分组、平均的SQL子查询问题
在 MS Transact SQL 中，假设我有一个这样的表(订单): Order Date Order Total Customer # 09/30/2008 8
MySQL:分组
我想按 m.ID 分组，并对每个 m.id 求和 (pm.amount_construction* prod.anzahl) 实际上我有以下结果: Meterial_id | amount_const
PostgreSQL 分组
我想根据多列中的值对值进行分组。这是一个例子: 我想得到输出: {{-30,-50,20},{-20,30,60},{-30,NULL or other value, 20}} 我设法到达: SELE
MySql 分组
我正在尝试找出运行此查询的最佳方式。我基本上需要返回在我们的系统中只下了一个订单的客户的“登录”字段列表(登录字段基本上是客户 ID/ key )。我们系统的一些背景...... 客户在同一日期下的
MYSQL - 分组
给定以下mysql结果集: id code name importance '1234', 'ID-CS-B', 'Chocolate Sauce'
python - 分组
大家好，我的数据框中有以下列: LC_REF 1 DT 16 2C 2 DT 16 2C 3 DT 16 2C 1 DT 16 3C 6 DT 16 3C 3
MongoDB 分组
我有这样的 mongoDB 集合 { "_id" : "EkKTRrpH4FY9AuRLj", "stage" : 10, }, { "_id" : "EkKTRrpH4FY9
Python 分组
假设我有一组数据对，其中 index 0 是值，index 1 是类型: input = [ ('11013331', 'KAT'), ('9085267',
java中用stream进行去重，排序，分组
java中用stream进行去重，排序，分组一、distinct 1. 八大基本数据类型 List collect = ListUtil.of(1, 2, 3, 1, 2).stream().fil
SQL - 如何添加具有平均值的列，分组
基本上，我从 TABLE_A 中的这个开始 France - 100 France - 200 France - 300 Mexico - 50 Mexico - 50 Mexico - 56 Pol
正则表达式，分组，查找最后一个匹配项
我希望这个正则表达式 ([A-Z]+)$ 将选择此示例中的最后一次出现: AB.012.00.022ABC-1 AB.013.00.022AB-1 AB.014.00.022ABAB-1 但我没有匹配
数据透视表中的 SQL 分组
我创建了一个数据透视表，但数据没有组合在一起。任何人都可以帮助我获得所需的格式吗？我为获取数据透视表而编写的查询: DECLARE @cols AS NVARCHAR(MAX), -- f
SQL选择并按一段时间(时间戳)分组
我想按时间段(月，周，日，小时，...)选择计数和分组。例如，我想选择行数并将它们按 24 小时分组。我的表创建如下。日期是时间戳。 CREATE TABLE MSG ( MSG_ID dec
围绕间隙的 SQL 分组
在 SQL Server 2005 中，我有一个包含如下数据的表: WTN------------Date 555-111-1212 2009-01-01 555-111-1212 2009-
python - 按多列对数据框中的连续条目进行聚类/分组
题假设我有 k 个标量列，如果它们沿着每列彼此在一定距离内，我想对它们进行分组。假设简单 k 是 2 并且它们是我唯一的列。 pd.DataFrame(list(zip(sorted(choice
pandas - 分组、拆分和选取数据框中的顶行
问题在以下数据框中 df : import random import pandas as pd random.seed(999) sz = 50 qty = {'one': 1, 'two': 2

首页

博学

6Ren·AI

商城

jquery - 按父 ID 将 xml 分组为 ul li html