현재 테이블 행을 토글하고 있지만 첫 번째 항목 만 클릭 할 수 있으며 클릭하면 모든 테이블의 모든 행이 숨겨집니다.테이블 행을 전환하지만 모든 테이블 행은 하나의 ID에서 영향을받습니다
나는 각 테이블의 텍스트를 클릭 할 때 그 테이블 행이 영향을 받도록 만드는 방법을 알아내는 데 도움이 필요합니다. 루프의 모든 테이블이 아닙니다.
이 어떤 도움을 크게 감상 할 수
<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/Catalogue">
<html>
<header>
<script type ="text/javascript" src="jquery.js" ></script>
<script>
$(function() {
$('#toggle').click(function() {
$('td:nth-last-child(-n + 1):nth-child(3n + 1)').toggle();
});
});
</script>
</header>
<body>
<xsl:for-each select="Talents">
<xsl:if test="Talent != ''">
<table border="0" width="550">
<tr>
<td bgcolor="#A0A0A0" width="80%">
<b id="toggle"><xsl:value-of select="Talent"/></b></td>
<td bgcolor="#A0A0A0" width="20%" align="center"><xsl:value-of select="Cost"/>
<xsl:text> - </xsl:text>
<xsl:value-of select="Type"/></td>
</tr>
<xsl:if test="Prerequisite != ''">
<tr>
<td colspan="2" bgcolor="#C0C0C0"><xsl:value-of select="Prerequisite"/></td>
</tr>
</xsl:if>
<xsl:if test="Action != ''">
<tr id="rowToClick" style="display:none">
<td colspan="2" bgcolor="#E0E0E0"><xsl:value-of select="Action"/></td>
</tr>
</xsl:if>
<xsl:if test="Description != ''">
<tr>
<td colspan="2" bgcolor="#EBEBEB"><xsl:value-of select="Description"/></td>
</tr>
</xsl:if>
</table>
</xsl:if>
</xsl:for-each>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
처럼 내 코드는 모습입니다.
$(function() {
$('table tr b').click(function() {
$(this).parent().parent().toggle();
});
});
참고 :
_so 각 테이블의 텍스트를 클릭하면 _ .. 여러 개의 표가 있습니까? –
그래, 거기에 약 80 테이블이 있습니다. – HurkNburkS