Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17523
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Pegar o valor da primeira coluna de cada linha jQuery

16-09-2014 13:21

Esse script em jQuery serve para pegar o valor da primeira coluna em cada linha de uma tabela HTML, e usar esse valor no title "ao passar o cursor sobre a coluna".

Quando passar o cursor em alguma coluna da linha, irá sempre exibir o valor da primeira coluna da mesma.

<script src="jquery.js"></script> <script> $(document).ready(function() { $('#tabela td').mouseover(function() { posicao = $(this).parent().children().index(this); valor = $('td:first', $(this).parents('tr')).text(); $(this).attr('title', valor); }); }); </script>


<table id="tabela"> <tr> <td>a</td> <td>b</td> </tr> <tr> <td>1</td> <td>2</td> </tr> <tr> <td>3</td> <td>4</td> </tr> </table>

Para pegar a segunda coluna da tabela usar:

valor = $('td:nth-child(2)', $(this).parents('tr')).text();

Para pegar a terceira coluna da tabela, usar o número 3 acima, e assim por diante.
1
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado