替换HTML中的XML值

替换HTML中的XML值,html,xml,replace,Html,Xml,Replace,我的网站上有一个记分板,可以从XML文件中获取分数。除了突出显示获胜者外,其他人很容易更新 这是XML文件中的一个示例游戏: <game> <month>05</month><day>25</day><year>11</year> <type>Football</type> <homeName>Wildcats</homeName><homeScore>

我的网站上有一个记分板,可以从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>

052511
足球
野猫队45
布鲁因55Y
正如你所看到的,我希望他们只是简单地检查获胜者。但是,当它加载到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>

var dsScoreboard=new Spry.Data.XMLDataSet(“scoreboard.xml”,“scoreboard/game”,{sortOnLoad:“date”,sortOrderOnLoad:“descending”});
dsScoreboard.setColumnType(“日期”、“日期”);
{month}
{type}
{day}
{awayWinner}
{awayName}
{awayScore}
{year}
{家庭冠军}
{homeName}
{homeScore}
因此,winner单元格的输出HTML应该如下所示:

<td class="winner"><img src="arrow.png" /></td>

而不是:

<td class="winner">y</td>
y
这容易做到吗?谢谢。

您想要的是一份工作。我从未使用过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>


欢迎来到SO。您没有为任何人提供足够的上下文或信息来帮助您。请更详细地描述环境,即显示最小完整的输入XML和所需的输出HTML,并描述您当前如何将XML转换为HTML。谢谢,Jim。我更新了我的问题。非常感谢,Ryley。那几乎是完美的。根据Adobe的文章,我只是将spry:when语句放在span标记中,并将其包装在img标记周围。它工作得很好。