XSLT For-Each启动一个div,它在每个第4个元素周围打开和关闭

时间:2013-04-09 18:33:45

标签: html xslt umbraco

所以我有一个显示员工档案的模板。像这样:

<div class="row">
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</div>
<div class="row">
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</div>

在我的XSLT For-each循环中,我需要一种方法来围绕每组4个列表项包装“div class = row”。我可以测试计数以查看我在哪个元素,但问题是在XSLT中包装4个组,因为你不能使用模数。

1 个答案:

答案 0 :(得分:6)

  

问题是在XSLT中包装4个组,因为你不能使用模数。

Au逆转。 :)你想要的是mod operator。此外,<xsl:for-each>元素通常不是最可重用的方法;相反,请考虑使用更具延展性的模板的解决方案。

当这个XSLT:

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
  <xsl:output omit-xml-declaration="yes" indent="yes"/>
  <xsl:strip-space elements="*"/>

  <xsl:variable name="vNumOfElems" select="4"/>

  <xsl:template match="/*">
    <ul>
      <xsl:apply-templates select="li[position() mod $vNumOfElems = 1]"/>
    </ul>
  </xsl:template>

  <xsl:template match="li">
    <div class="row">
      <xsl:copy-of
        select=".|following-sibling::li[not(position() &gt; $vNumOfElems - 1)]"/>
    </div>
  </xsl:template>
</xsl:stylesheet>

...适用于提议的源XML:

<ul>
  <li/>
  <li/>
  <li/>
  <li/>
  <li/>
  <li/>
  <li/>
  <li/>
</ul>

...产生了想要的结果(虽然它可能无法通过有效HTML的嗅探测试):

<ul>
  <div class="row">
    <li />
    <li />
    <li />
    <li />
  </div>
  <div class="row">
    <li />
    <li />
    <li />
    <li />
  </div>
</ul>

请注意使用变量 - $vNumOfElems - 来保留组中应包含的元素数量。这提供了便利。 在路上,如果您需要每<li><div>元素,只需进行更改:

<xsl:variable name="vNumOfElems" select="3" />

...再次提供正确的结果:

<ul>
  <div class="row">
    <li />
    <li />
    <li />
  </div>
  <div class="row">
    <li />
    <li />
    <li />
  </div>
  <div class="row">
    <li />
    <li />
  </div>
</ul>