使用XSL轉換XML列到XHTML樹

Question

我需要借這個XML ...

<root> 
    <item id=’1’ parent_id=’0’>ONE</item> 
    <item id=’2’ parent_id=’1’>TWO</item> 
    <item id=’3’ parent_id=’1’>THREE</item> 
    <item id=’4’ parent_id=’2’>FOUR</item> 
    <item id=’5’ parent_id=’0’>FIVE</item> 
</root> 

而產生這種XHTML ...

<div class=’parent’>ONE</div> 
<div class=’child’> 
    <div class=’parent’>TWO</div> 
    <div class=’child’> 
     <div class=’parent’>FOUR</div> 
    </div> 
    <div class=’parent’>THREE</div> 
</div> 
<div class=’parent’>FIVE</div> 

我得到如何收集子節點，並把他們在他們的父母之下，但我無法理解如果我已經將他們當作孩子使用，那麼他們就不能將他們視爲父母。

Answer 1

測試以下，這似乎工作

應用上的所有項目與PARENT_ID = 0的根，然後遞歸遍歷，對子女..

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> 

<xsl:template match="/"> 
    <xsl:apply-templates select="root/item[@parent_id='0']"/> 
</xsl:template> 


<xsl:template match="item"> 
    <div class="parent"><xsl:value-of select="."/></div> 
    <xsl:if test="count(../item[@parent_id=current()/@id]) != 0"> 
    <div class="child"> 
     <xsl:apply-templates select="../item[@parent_id=current()/@id]"/> 
    </div> 
    </xsl:if> 
</xsl:template> 

Answer 2

這個樣式表：

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> 
    <xsl:key name="kItemById" match="item" use="@id"/> 
    <xsl:key name="kItemByParentId" match="item" use="@parent_id"/> 
    <xsl:template match="root"> 
     <xsl:apply-templates select="item[not(key('kItemById',@parent_id))]"/> 
    </xsl:template> 
    <xsl:template match="item"> 
     <xsl:variable name="vChild" select="key('kItemByParentId',@id)"/> 
     <div class="parent"> 
      <xsl:value-of select="."/> 
     </div> 
     <xsl:if test="$vChild"> 
      <div class="child"> 
       <xsl:apply-templates select="$vChild"/> 
      </div> 
     </xsl:if> 
    </xsl:template> 
</xsl:stylesheet> 

輸出：

<div class="parent">ONE</div> 
<div class="child"> 
    <div class="parent">TWO</div> 
    <div class="child"> 
     <div class="parent">FOUR</div> 
    </div> 
    <div class="parent">THREE</div> 
</div> 
<div class="parent">FIVE</div> 

注意：交叉引用的鍵。