私はこのjsfiddleを作成しましたが、コードの何が問題なのかわかりません:
それは私が望むように機能しておらず、最終結果はメインテキストの前にこのテキスト "});//]]>" を与えています....
<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がそう要求するので、ここに置きました...