Usando .attr() JQuery

Bom, é um exemplo simples, mas creio que possa ajudar em algum momento.

Farei um código simples onde desejo alterar os link da minha página e inserir algum valor ou alguma variável.

Ao passar o mouse sobre o link, é alterado o atributo ‘href’ do elemento ‘a’ neste caso colocando a variável ‘preset’ com seu valor, mas poderia ser qualquer valor.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
	<script type="text/javascript">
	$(document).ready(function(){	
		var p = '/blog'; //conteúdo que será adicionado na url		
 
                       $('a[id=um]').each(function(){
			var lnk = $(this).attr('href');//recebe o link atual 
			$(this).attr('href',lnk+p) //acrescenta o os parametros que voc&etilde pegou pelo GET ou definiu 
 manualmente		});
 
		$('a').mouseover(function(){			
			$('p').text('Link -> '+$(this).attr('href'));	//mostrando o link após alteração
		});
 
	});
	</script>

Passe o mouse sobre o link para ver o resultado!

exemplo_attr

Eu recomendo o livro JQuery – A Biblioteca do Programador Javascript, para quem está começando, o livro tem uma didática muito boa e exemplos práticos do começo ao fim do livro.

Veja o exemplo fora do post clicando aqui.

Deixe uma resposta

%d blogueiros gostam disto: