Question

我在XSLT中构建一个图像旋转器，需要以下标记：

<div class="wrapper">
  <div class="overlay"></div>
  <div id="slider" class="slider">
    [IMAGE FROM NODE A GOES HERE]
    [IMAGE FROM NODE B GOES HERE]
    ...
  </div>
  <div id="htmlcaption" class="html-caption">
    [CAPTION FOR NODE A GOES HERE]
    [CAPTION FOR NODE B GOES HERE]
    ...
  </div>
</div>

我需要帮助构建XSLT，以便在#slider内部评估Node A，然后在#htmlcaption中重新评估，然后在Node B中重新评估，等等。

非常感谢任何帮助。

谢谢！

Answer 1

首先，完全可以多次评估源元素。只需使用相同的选择器。

例如，考虑以下XML：

<images>
    <node id="a" image="foo.png" caption="foo" />
    <node id="b" image="bar.png" caption="bar" />
</images>

此XSLT将重复从第一个节点输出内容：

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

<xsl:template match="images">
    <div id="images">
        <img><xsl:value-of select="node[@id='a']/@image"/></img>
        <img><xsl:value-of select="node[@id='a']/@caption"/></img>
        <img><xsl:value-of select="node[@id='a']/@image"/></img>
        <img><xsl:value-of select="node[@id='a']/@caption"/></img>
    </div>
</xsl:template>

输出：

<div id="images">
    <img>foo.png</img>
    <img>foo</img>
    <img>foo.png</img>
    <img>foo</img>
</div>

然而，看起来你真正想要的是循环一堆包含图像和标题的节点。您可以使用 for-each循环来避免按名称选择节点：

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

<xsl:template match="images">
    <div id="images">
        <xsl:for-each select="node">
            <img><xsl:value-of select="@image"/></img>
        </xsl:for-each>
    </div>
    <div id="captions">
        <xsl:for-each select="node">
            <div><xsl:value-of select="@caption"/></div>
        </xsl:for-each>
    </div>
</xsl:template>

</xsl:stylesheet>

将产生：

<div id="images">
    <img>foo.png</img>
    <img>bar.png</img>
</div>
<div id="captions">
    <div>foo</div>
    <div>bar</div>
</div>

XSLT - 如何评估多个位置的单个节点

1 个答案: