jueves, 18 de julio de 2013

Selectores personalizados

esta funcion busca todos 

$(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