Pegar tds especificas em uma tabela

// Como funciona: // No Html eu montei a tabela especificando nas tds qual plano ela se referia. (usando a tag ref). // Tambem criei uma div vazia que vai receber as tabelas que a funcao vai gerar // A funcao vai gerar uma tabela para cada plano selecionado e adicionara uma classe com a referencia do plano para formatar no html $(document).ready(function(){ function pegarTr(plano,tabela){ var tre = ""; // Variavel que guardara a TR var cls = ""; // Variavel que guardara a Classe $('#'+tabela).find('td').each(function(e){ // Varre a tabela procurando as tds if($(this).attr('rel') == plano){ // se encontrar uma td com o rel indicado na chamada da funcao cls = $(this).attr('rel') // Pega a rel e usa como classe para a tabela do resultado var tr = '<tr><td>'+ $(this).html() + '</td></tr>'; // Pega a td e transforma em tr return tre +=tr, cls; // Adiciona a tr na variavel, gerando a tabela. } }); tre = '<table class="'+ cls +'">' + tre + '</table>'; // Coloca a tr dentro de uma tabela com a classe = ao rel var tabela = $('#tableResult').html(); // Pega o html da tabela que ja esta no html tabela += tre; // A diciona a tabela gerada nessa funcao ao html da tabela que ja estava no html $('#tableResult').html(tabela); // joga o novo html da tabela no html substituindo a tabela anterior. } pegarTr('p300','tabela') // Chama a funcao pegano so o plano 300 na tabela com id tabela. pegarTr('p3','tabela') // Chama a funcao pegano so o plano 3gb na tabela com id tabela. });
O codigo gera uma tabela com tds especificas em outra tabela.
DEMO: http://claudiofelis.com.br/lab/tabela/tabela.html
// Como funciona:
// No Html eu montei a tabela especificando nas tds qual plano ela se referia. (usando a tag ref).
// Tambem criei uma div vazia que vai receber as tabelas que a funcao vai gerar
// A funcao vai gerar uma tabela para cada plano selecionado e adicionara uma classe com a referencia do plano para formatar no html

Be the first to comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.