1. rato passa mudança de cor:
1 . $ ( "# Tabela de tr") pairar ( função () { 2 $ ( este AddClass ( "on") .children ( "TD"). ;) 3 ,} função () { 4 $ ( este ) .children ( "TD") removeClass ( "on". ) 5 });
2. As linhas ímpares de cores diferentes:
1 // até mesmo linhas para as linhas ímpares do estranho, então o mesmo 2 $ .. ( "# Tabela TR: odd") Encontrar ( "TD") CSS ( "background-color", "# e7ffff");
3. dinâmico inserção de uma linha:
1 // adicionar uma linha para o final da tabela 2 $ ( "Tabela #") o acréscimo ( '<TR> <TD> new new </ td> <td> new new </ TD> </ TR>'. ); . 3 // Adicionar uma linha no início da tabela 4. $ ( "# table") a preceder ( '<TR> <TD> new new </ td> <td> new new </ TD> </ TR>'. ); . 5 // na tabela inserção atrás da segunda linha linha . 6 $ ( "# Tabela TR") EQ (. 1) .depois ( '<TR> <TD> new new </ td> <td> new new </ TD> </ TR>') .;
4. Insira uma dinâmica:
1 // adicionado ao final da tabela a 2 $ ( "# Tabela TR"), o acréscimo ( '<TD> newTD </ TD>'. ); . 3 // adicionar um no início da tabela . 4 $ ( "# Tabela TR" ) .prepend ( '<TD> newTD </ TD>' ); 5. // adicionado depois de uma segunda coluna da tabela 6. $ ( "table TR TD #: Famílias com Nth (2)") depois ( '<. td> newTD </ td> ' );
O visor / esconder a terceira linha:
1 // estado de comutação oculto se a terceira fila no estado de exibição é apresentado se a ocultar a 2 $ ( "# Tabela TR") EQ (2. ) .Toggle (); . 3 // couros . 4 $ ( "# Tabela TR ") .EQ (2 ) .hide (); . 5 // exibição 6 $ (" # tabela de tr " ) eq (2) .mostrar () .;
6. Show / Hide terceira coluna:
1 // primeiro método 2 $ ( "# TR Tabela TD:. Child-Nth (3)" ) .toggle (); . 3 . 4 // segundo método . 5 . $ ( "# Tabela TR") cada ( Função () { 6 // primeiro escrito 7. $ ( o presente ) .find ( "TD") EQ (2. ) .toggle (); . 8 // segunda escrita . 9 $ ( "TD", $ ( o presente ) ) .EQ (2 ) .toggle (); 10 });
7. A quarta linha é eliminada:
1 . $ ( "# Tabela de tr") eq (3) .remove ();
8. Remover a quinta coluna:
1 $ ( "# tabela de tr td: nth-child (5)"). Remove ();
9. deixando apenas as primeiras três linhas, outro excluído:
1 $ ( "# tr tabela: gt (2)") remove ();.
10. Eliminar todas as linhas fora de linha 2:
1 $ ( "# tabela de tr: não (: eq (1))") remove ();.
11. Eliminar a linha 2-4:
1 . $ ( "# Tabela de tr") fatia (1,4) .remove ();
Complemento: Após a exclusão de três linhas:
1 $ ( "# tabela de tr"). Slice (-3) .remove ()
12. O retendo apenas a segunda à quarta linha, eliminar todo o outro:
1 $ ( "# tabela de tr") não ($ ( "table # tr") fatia (1,4).) Remove ()..;
13. Ler o valor da linha 3, coluna 4:
1 var v = $ ( "# tabela de tr: eq (2) td: eq (3)") html ();.
14. Leia todos os valores de três:
1 var arr = []; 2 $ ( "# tabela de tr") cada (. Função () { 3 arr.push ($ ( este ) .find ( "TD") eq (2. ) .Html ()); 4 }); 5 de alerta (arr.join ( ""));
15. Todos os valores ler linha 3:
1 var arr = []; 2 $ ( "# tr tabela: eq (2) td") cada (. Função () { 3 arr.push ($ ( este ) .html ()); 4 }); 5 de alerta (arr.join ( ""));
Se o método acima não gosta disso, ele também pode direcioná-lo dizer, temos que eliminar os primeiros três linhas e quatro linhas:
. 1 $ ( "# TR Tabela: lt (3)" ) .remove (); 2 // lt aquisição de meios 3 é menor do que o índice, o índice baseia-zero, isto é adquirido 012, é apenas o primeiro de três linhas 3 4 // depois de remover as quatro linhas seguintes, 5 porque você não sabe quantas linhas da tabela, então você precisa para determinar: 6 var max = $ ( "# TR tabela: Last") index (). ; // Obter a última linha valor de índice 7 // Obter o valor do índice da linha que o anterior pequena três, exclua a linha 8. var GET- = max 4;. // Note-se que este é menos quatro 9. $ ( "# TR Tabela: gt (" + recebem + ")") remove ( ) .;