[Resolvido] Referenciar elemento dentro de um "this"

[Lucas Guima 164]

Serei breve...

 

<ul id="portfolio">
<li>
	<ul class="cliente">
	<li class="desc">
		<ul>
		<li><p><strong>Cliente:</strong><br />
			MG3 Gráfica Distribuidora e Livros</p></li>
		<li><p><strong>Objetivo:</strong><br />
			Expôr os produtos da empresa para seus clientes através da internet.</p></li>
		<li><p><strong>Endereço:</strong><br />
			www.mg3grafica.com.br</p></li>
		</ul></li>
	<li class="screen"><img src="images/portfolio/mg3.png" alt="MG3 Gráfica" class="print" /></li>
	</ul>
</li>
</ul>

<script type="text/javascript">
$(function () {
	$(".print").css({ opacity:	0.1 });
	$(".cliente").mouseover(function(){
		$(".print").stop().animate({ opacity:	1 });
	}).mouseout(function(){
		$(".print").stop().animate({ opacity:	0.1 });
	});
});
</script>

Online: http://www.sightwd.com/portifolio

 

---

Ao passar o mouse na <ul> CLIENTE, que tem a <li> DESC e <li> SCREEN, aplicar o efeito na imagem dentro da <li> SCREEN.

Porém, só da <li> que estiver com mouse em cima.

 

Tentei:

 

$(this)

$(this .screen img)

$(this+' .screen img')

$(this)('.screen img')

 

Agradeço. http://forum.imasters.com.br/public/style_emoticons/default/natal_noel.gif

[Matias Rezende 50]

Tópico Movido

Javascript http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Javascript Frameworks

[Maujor 144]

$(this).find(".print").stop().animate({ opacity:   1 });

[Lucas Guima 164]

Boa! Valeu mesmo! http://forum.imasters.com.br/public/style_emoticons/default/natal_biggrin.gif