javascript - 如果最后 li 然后在其上设置点击事件

Question

这是我的 xslt 文件：-

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
  <xsl:output method="html" indent="yes" omit-xml-declaration="yes"/>

  <xsl:template match="*" mode="item">
    <li onclick="final()">
      <xsl:value-of select="@value" />
      <xsl:apply-templates select="current()[*]" />
    </li>
  </xsl:template>

  <xsl:template match="*/*/*">
    <ul>
       <xsl:apply-templates select="*[1] | node()[current()/ancestor::*[3]]" 
                            mode="item" />
    </ul>
  </xsl:template>
</xsl:stylesheet>

这是我的 xml 文件：-

<?xml-stylesheet type="text/xsl" href="a.xsl"?> 
<root>
  <child_1 entity_id = "1" value="Game" parent_id="0">
    <child_2 entity_id="2" value="Activities" parent_id="1">
      <child_3 entity_id="3" value="Physical1" parent_id="2">
        <child_6 entity_id="6" value="Cricket" parent_id="3">
          <child_7 entity_id="7" value="One Day" parent_id="6"/>
        </child_6>
      </child_3>
      <child_4 entity_id="4" value="Test1" parent_id="1">
        <child_8 entity_id="8" value="Test At Abc" parent_id="4"/>
      </child_4>
      <child_5 entity_id="5" value="Test2" parent_id="1">
        <child_9 entity_id="9" value="Test At Xyz" parent_id="5"/>
      </child_5>
    </child_2>
   <child_10 entity_id="10" value="Region" parent_id="1">
      <child_11 entity_id="11" value="ABC" parent_id="10">
        <child_12 entity_id="12" value="XYZ" parent_id="11">
          <child_13 entity_id="13" value="ABC123" parent_id="12"/>
        </child_12>
      </child_11>
  </child_10>
</child_1>
</root>

我正在尝试从 xml 文件创建 ul li。
在这里，我使用函数设置每个li点击事件。 但现在我只想最后一次点击事件而不是每一个。 就像是：-onclick
lili

• 活动
  • 身体的
    • 蟋蟀
      • 一天

现在我想最后Li

<li onclick ="final()">OneDay</li>

Answer 1

我用所需的 XSLT 更改了您的 XSLT：

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
  <xsl:output method="html" indent="yes" omit-xml-declaration="yes"/>

  <xsl:template match="*" mode="item">
    <xsl:choose>
      <xsl:when test="self::node()/child::*">
        <li>
          <xsl:value-of select="@value"/>
          <xsl:apply-templates select="current()[*]"/>
        </li>
      </xsl:when>
      <xsl:otherwise>
        <li onclick="final()">
          <xsl:value-of select="@value"/>
          <xsl:apply-templates select="current()[*]"/>
        </li>
      </xsl:otherwise>
    </xsl:choose>
  </xsl:template>

  <xsl:template match="*/*/*">
    <ul>
      <xsl:apply-templates select="*[1] | node()[current()/ancestor::*[3]]" mode="item"/>
    </ul>
  </xsl:template>
</xsl:stylesheet>

要获得输出：

<ul>
   <li>Physical1
      <ul>

         <li>Cricket
            <ul>

               <li onclick="final()">One Day</li>

            </ul>
         </li>

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

<ul>
   <li>ABC
      <ul>

         <li>XYZ
            <ul>

               <li onclick="final()">ABC123</li>

            </ul>
         </li>

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