Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá a todos, tenho um pequeno problema para resolver.
Meu sistema faz uma listagem de vários produtos, e a exibição desses produtos é feita seguinte forma:
<div class="exibeItem">
<label>
<input type="radio" name="kitSet" value="<?php echo $dkbkbmItensExibe['tipo'].$dkbkbmItensExibe['id']; ?>" />
</label>
<span><?php echo $dkbkbmItensExibe['nome']; ?></span>
<div class="exibeItemImg">
<img src="http://3.bp.blogspot.com/_VvGM0_r65iM/RrYZeuYM0RI/AAAAAAAAACQ/QkAmRlpfDwE/s400/las.jpg" />
</div>
</div>Ao selecionar meu input radio, gostaria de alterar a cor de fundo da div "exibeItem", o problema é que quero alterar somente a div no qual o input está marcado, mas não consigo.
O código abaixo está funcionando pela metade, altera todas as divs e não apenas a que esta o input marcado.
<script type="text/javascript">
$(document).ready(function(){
$('input:radio').change(function(){
if($(this).is(':checked'))
$('.exibeItem').addClass('classe');
else
$('.exibeItem').removeClass('classe');
});
});
</script>Alguem pode me ajudar com isso aí?
Muito bom o artigo, seu blog já me ajudou várias vezes.
Mas eu não entendi muito bem como o (this) se aplica no meu caso.
Pelo que eu entendi, estou fazendo exatamente oque você falou no blog, ou não? :ermm:
você está errando igual oque eu explico. :lol:
No final do artigo eu digo o correto, e ensino como usar o this.
Junto com o this, você vai precisar das funcões .parent() e .find()
Verdade!
Arrumei isso, mas quando desmarcar tem que voltar. esse .find() serve pra substituir a condição usando if?
$(document).ready(function(){
$('.exibeItem').change(function(){
if($('input:radio').is(':checked'))
$(this).css('background','#000');
else
$(this).removeClass('selected');
});
});Coloquei pra adicionar css ao inves de colocar a classe na tag,não sei porque, colocando a classe o css não carrega.
Mulambo...
o .find() é para encontrar um elemento filho.
ex:
<div>
<!-- P -->
<p>Paragrafo</p>
<!-- B -->
<b>Negrito</b>
<!-- P -->
<p>Paragrafo 2</p>
<!-- P -->
<p>Paragrafo 3</p>
<!-- A -->
<a>Link</a>
</div>
<script>//Esconde todos elementos 'p' que esteja dentro da tag div
$(this).find("p").hide("slow");
});
</script>
Estude sobre o objeto this
http://wbruno.com.br/2011/06/21/afinal-e-javascript/