如何解决替换HTML中的XML值
| 我的网站上有一个计分板,可以从XML文件获取分数。除了突出显示获胜者之外,其他人都非常容易更新。 这是XML文件中的示例游戏:<game>
<month>05</month><day>25</day><year>11</year>
<type>Football</type>
<homeName>Wildcats</homeName><homeScore>45</homeScore><homeWinner></homeWinner>
<awayName>Bruins</awayName><awayScore>55</awayScore><awayWinner>y</awayWinner>
</game>
如您所见,我希望他们仅检查获胜者。但是,当它以HTML加载时,我希望将y替换为箭头图像。
这是Spry记分牌,所以这里是相关的HTML:
<script type=\"text/javascript\">
var dsScoreboard = new Spry.Data.XMLDataSet(\"scoreboard.xml\",\"scoreboard/game\",{sortOnLoad: \"date\",sortOrderOnLoad: \"descending\"});
dsScoreboard.setColumnType(\"date\",\"date\");
</script>
<div spry:region=\"dsScoreboard\">
<table class=\"scoreboard\" cellspacing=\"15\" cellpadding=\"0\" border=\"0\">
<tr>
<td spry:repeat=\"dsScoreboard\">
<table class=\"game\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">
<tr>
<td class=\"date month\">{month}</td>
<td class=\"type\" colspan=\"3\">{type}</td>
</tr>
<tr>
<td class=\"date day\">{day}</td>
<td class=\"winner\">{awayWinner}</td>
<td class=\"name\">{awayName}</td>
<td class=\"score\">{awayScore}</td>
</tr>
<tr>
<td class=\"date year\">{year}</td>
<td class=\"winner\">{homeWinner}</td>
<td class=\"name\">{homeName}</td>
<td class=\"score\">{homeScore}</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
因此,优胜者单元格的输出HTML应该类似于:
<td class=\"winner\"><img src=\"arrow.png\" /></td>
代替:
<td class=\"winner\">y</td>
能容易做到吗?谢谢。
解决方法
您想要的是一种敏捷:选择。我从没用过spry,但是它隐约是这样的:
<td class=\"winner\">
<span spry:choose=\"spry:choose\">
<img src=\"arrow.png\" spry:when=\"\'{homeWinner}\' == \'y\'\" />
<span spry:default=\"spry:default\"></span>
</span>
</td>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。