谁能告诉我这个jsfiddle有什么问题

时间:2013-04-19 22:46:06

标签: jquery

我有这个jsfiddle,我不知道代码有什么问题:

http://jsfiddle.net/GYtNX/2/

它没有按照我的意愿工作,最后的结果是给了我这个文字"}); //]]>"在正文之前......

<h2>Shakespeare's Plays</h2>
<table>
<tr >
<td>As You Like It</td>
<td>Comedy</td>
<td></td>
</tr>
<tr>
<td>All's Well that Ends Well</td>
<td>Comedy</td>
<td>1601</td>

    </tr>
<tr>
<td>Hamlet</td>
<td>Tragedy</td>
<td>1604</td>
</tr>
<tr>
<td>Macbeth</td>
<td>Tragedy</td>
<td>1606</td>
</tr>
<tr>
<td>Romeo and Juliet</td>
<td>Tragedy</td>
<td>1595</td>
</tr>
<tr>
<td>Henry IV, Part I</td>
<td>History</td>
<td>1596</td>
</tr>
<tr>
<td>Henry V</td>
<td>History</td>
<td>1599</td>
</tr>
</table>

然后我有这个脚本:

<script type="text/javascript">
$(document).ready(function () {
    $('td:contains(Henry)').parent().find('td:eq(1)')
    .addClass('highlight').end().find('td:eq(2)')
    .addClass('highlight')
});

这个css:

    tr {
background-color: #fff;
}
.alt {
background-color: #ccc;
}

.highlight {
background-color: #FCC;

昨天我开始jquery ...原谅我,如果问题是愚蠢的.... 所有代码都在jsfidle链接上......我只是放在这里因为stackovverflow要求所以......

2 个答案:

答案 0 :(得分:3)

您的JSFiddle脚本部分不应包含<script>标记。它们会自动为您添加:http://jsfiddle.net/GYtNX/3/

答案 1 :(得分:1)

由于JS FIddle需要简单的javascript代码。您无需指定script代码,因此请从您的小提琴中删除<script type="text/javascript"></script>

JS Fiddle