jquery - 有人能告诉我这个jsfiddle有什么问题吗

Question

我制作了这个 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要求...

Answer 1

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

Answer 2

由于 JS Fiddle 需要纯 JavaScript 代码。你不需要指定script标签，所以<script type="text/javascript"></script>从你的小提琴中删除。

JS小提琴