我几天来一直在绞尽脑汁,而对于我的生活,我无法弄清楚如何实现这一目标。采用以下XML:
<Root>
<container>
<widget type="nav">
<links>
<tab type="label" header="Top Level Tab1"/>
<tab type="page" header="submenu of tab1"/>
<tab type="page" header="submenu of tab1"/>
<tab type="page" header="submenu of tab1"/>
<tab type="label" header="Top Level Tab2"/>
<tab type="page" header="submenu of tab2"/>
<tab type="page" header="submenu of tab2"/>
<tab type="page" header="submenu of tab2"/>
<tab type="page" header="submenu of tab2"/>
<tab type="page" header="submenu of tab2"/>
<tab type="label" header="Top Level Tab3"/>
<tab type="page" header="submenu of tab3"/>
<tab type="page" header="submenu of tab3"/>
<tab type="page" header="submenu of tab3"/>
<tab type="page" header="submenu of tab3"/>
<tab type="page" header="submenu of tab3"/>
</links>
</widget>
</container>
</root>
我需要做的是将其转换为导航区域,在每个标签上分隔“label”类型,并在其下放置以下兄弟。例如
<ul>
<li>
<a href="link for label">Top Level Header1</a>
<div class="submenu">
<ul>
<li>Submenu Link 1</li>
<li>Submenu Link 1</li>
<li>Submenu Link 1</li>
</ul>
</div>
</li>
<li>
<a href="link for label">Top Level Header2</a>
<div class="submenu">
<ul>
<li>Submenu Link 2</li>
<li>Submenu Link 2</li>
<li>Submenu Link 2</li>
</ul>
</div>
</li>
<li>
<a href="link for label">Top Level Header3</a>
<div class="submenu">
<ul>
<li>Submenu Link 3</li>
<li>Submenu Link 3</li>
<li>Submenu Link 3</li>
</ul>
</div>
</li>
</ul>
任何指导肯定会受到赞赏
答案 0 :(得分:1)
XPath允许您使用相应的轴选择以下或前一个兄弟元素。为了提高效率,您可以使用密钥:
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:key name="subs" match="widget[@type = 'nav']/links/tab[@type = 'page']"
use="generate-id(preceding-sibling::tab[@type = 'label'][1])"/>
<xsl:output method="html" indent="yes"/>
<xsl:strip-space elements="*"/>
<xsl:template match="container/widget[@type = 'nav']">
<ul>
<xsl:apply-templates select="links/tab[@type = 'label' and starts-with(@header, 'Top Level')]"/>
</ul>
</xsl:template>
<xsl:template match="links/tab[@type = 'label' and starts-with(@header, 'Top Level')]">
<li>
<a href="link for label">
<xsl:value-of select="@header"/>
</a>
<div class="submenu">
<ul>
<xsl:apply-templates select="key('subs', generate-id())"/>
</ul>
</div>
</li>
</xsl:template>
<xsl:template match="links/tab[@type = 'page']">
<li>
<xsl:value-of select="@header"/>
</li>
</xsl:template>
</xsl:stylesheet>
该样式表转换
<Root>
<container>
<widget type="nav">
<links>
<tab type="label" header="Top Level Tab1"/>
<tab type="page" header="submenu of tab1"/>
<tab type="page" header="submenu of tab1"/>
<tab type="page" header="submenu of tab1"/>
<tab type="label" header="Top Level Tab2"/>
<tab type="page" header="submenu of tab2"/>
<tab type="page" header="submenu of tab2"/>
<tab type="page" header="submenu of tab2"/>
<tab type="page" header="submenu of tab2"/>
<tab type="page" header="submenu of tab2"/>
<tab type="label" header="Top Level Tab3"/>
<tab type="page" header="submenu of tab3"/>
<tab type="page" header="submenu of tab3"/>
<tab type="page" header="submenu of tab3"/>
<tab type="page" header="submenu of tab3"/>
<tab type="page" header="submenu of tab3"/>
</links>
</widget>
</container>
</Root>
到
<ul>
<li><a href="link for label">Top Level Tab1</a><div class="submenu">
<ul>
<li>submenu of tab1</li>
<li>submenu of tab1</li>
<li>submenu of tab1</li>
</ul>
</div>
</li>
<li><a href="link for label">Top Level Tab2</a><div class="submenu">
<ul>
<li>submenu of tab2</li>
<li>submenu of tab2</li>
<li>submenu of tab2</li>
<li>submenu of tab2</li>
<li>submenu of tab2</li>
</ul>
</div>
</li>
<li><a href="link for label">Top Level Tab3</a><div class="submenu">
<ul>
<li>submenu of tab3</li>
<li>submenu of tab3</li>
<li>submenu of tab3</li>
<li>submenu of tab3</li>
<li>submenu of tab3</li>
</ul>
</div>
</li>
</ul>