$(document).ready(function() {
// $('tr:odd').addClass('alt');
$('tr:nth-child(even)').addClass('alt');
le aplica a todos los tr impares el estilo alt
.alt {
background-color: #ccc;
}
<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>
Selector contains()
$(document).ready(function() {// $('tr:odd').addClass('alt');
$('tr:nth-child(even)').addClass('alt');
$('td:contains(Henry)').nextAll().andSelf().addClass('highlight');//.siblings()
$('th').parent().addClass('table-heading');
});
No hay comentarios:
Publicar un comentario