gpt4 book ai didi

css - for-each 中的 xsl 使用不同的 css 类

转载 作者:太空宇宙 更新时间:2023-11-03 19:11:49 24 4
gpt4 key购买 nike

如何在 xslt 中每次使用不同的 css 类在 for-each 循环中显示文本?我可以根据某些变量或其他东西以某种方式生成 css 类的名称吗?是否可以?例如,在 foreach 循环内的以下代码中,我可以每次显示具有不同 css 类的 li ...例如在第一次迭代中 li class="1"...第二次迭代 li class="2".. .并且在 css 中明显存在 li.1{..}, li.2{...}

    <xsl:output method="text" indent="no"/>
<xsl:variable name="newline">
<xsl:text>
</xsl:text>
</xsl:variable>

<xsl:template match="/">
<xsl:text>Collections of books</xsl:text>
<xsl:value-of select="$newline"/>
<xsl:variable name="index" select="0"/>
<xsl:for-each select="collection/book">
<xsl:sort select="category"/>
<xsl:variable name="lastCat" select="category"/>
<xsl:if test="not(preceding-sibling::book[category=$lastCat])">
<xsl:value-of select="$newline"/>
<xsl:value-of select="category"/>
<xsl:value-of select="$newline"/>
<xsl:value-of select="$newline"/>
</xsl:if>
<ul>
<li>
<xsl:value-of select="title"/>
<xsl:text> </xsl:text>
<xsl:value-of select="author"/>
<xsl:text> </xsl:text>
<xsl:value-of select="year"/>
<xsl:text> </xsl:text>
<xsl:value-of select="isbn"/>
</li>
</ul>
<xsl:value-of select="$newline"/>

</xsl:for-each>
</xsl:template>

最佳答案

您的 XSLT 对于输出的是文本还是 html 有点困惑。但是,在回答您的直接问题时,您可以通过以下两种方式之一轻松地将属性添加到您正在输出的现有 li 元素。

首先,您可以使用 xsl:attribute 语句,该语句应紧跟在 li 标记之后。

<li>
<xsl:attribute name="class">
<xsl:value-of select="position()" />
</xsl:attribute>
...

不过,更好的方法是使用“属性值模板”来指定属性。 (大括号表示在这种情况下要评估的 AVT,而不是要按字面意义输出的一段文本)

<li class="{position()}">
...

在这两种情况下,输出都将类似于以下内容

<li class="1">...
<li class="2">...

在此示例中,我只是使用 position() 来演示如何设置属性,但如果需要,您可以轻松使用变量。

<li class="{$classname}">

关于css - for-each 中的 xsl 使用不同的 css 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8071819/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com