小编jqs*_*qsl的帖子

我有一个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" …