Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Sr.hehehe

[Resolvido] $('.valor').html( $this.attr(...

Por , em Javascript

Recommended Posts

Sr.hehehe    0

Sr.hehehe
Postado

Este codigo está dando erro:

<?php
/*
* Meu Porquinho v1.0 
*	GunScript Corporation
*/



?>

<html>
<head>
	<meta http-equiv="Content-type" content="text/html; charset=UTF-8">

	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.15/jquery-ui.min.js"></script>
	<script type="text/javascript">
		$( document ).ready( function(){
			$( ".valor" ).append( '<img src="images/' + $( this ).attr( "tipo" ) + '/' + $( this ).attr( "valor" ) + '.gif" />' );
		});
	</script>

	<title>Meu Porquinho v1.0 - GunScript</title>
</head>
<body>
	<table>
		<tbody>
			<tr>
				<td class="valor" tipo="moedas" valor="100"></td>
				<td class="quantidade"></td>
			</tr>
			<tr>
				<td class="valor" tipo="moedas" valor="50"></td>
				<td class="quantidade"></td>
			</tr>
			<tr>
				<td class="valor" tipo="moedas" valor="25"></td>
				<td class="quantidade"></td>
			</tr>
			<tr>
				<td class="valor" tipo="moedas" valor="10"></td>
				<td class="quantidade"></td>
			</tr>
			<tr>
				<td class="valor" tipo="moedas" valor="5"></td>
				<td class="quantidade"></td>
			</tr>
			<tr>
				<td class="valor" tipo="moedas" valor="1"></td>
				<td class="quantidade"></td>
			</tr>

		</tbody>
	</table>
</body>
</html>

 

O que eu quero fazer?

Para cada 

<td class="valor" tipo="x" valor="y"></td>

deixar com 

<td class="valor" tipo="x" valor="y"><img src="images/x/y.gif" /></td>

 

OBS: Tambem vai ter tipo="cedula", então, não usem o seletor somente para 

$('.valor[tipo=moeda]')

 

ta ficando:

images/undefined/undefined.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

JCMais    75

JCMais
Postado

this não se refere ao elemento em questão, para ver isso dê um:

console.log(this);

 

O que você deseja é um loop entre os elementos com classe .valor, e qual o metódo no jQuery responsável por isso?

 

.each ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito