(Resolvido) Sublinhar link quando passar pelo ul li

[Rubiz Gardini]

Olá pessoal, td bem?

Eu tenho uma estrutura assim:

<ul>
    <li>
        <a href="#">
            <span class="date">08/08/2008</span>
            <span class="news_title">Título</span>
        </a>
    </li>
</ul>

Quando o mouse passar pelo <li>, o a do span news_title precisa sublinhar... tentei fazer algo como

$('ul li').mouseover( function () { $(this) ... })

Mas não cheguei numa fórmula pra conseguir o efeito...

alguém tem alguma idéia?

Bjos

Rúbia

[JuanHBiscaia]

procure por algo em na categoria de css

[Rubiz Gardini]

Olá Juan, td bem? Esse assunto só pode ser resolvido por javascript mesmo.

Alguém mais?

[JuanHBiscaia]

a ta... desculpe... n tinha lido o tópico inteiro... você quer que sublinhe apenas o "A"? no caso você se refere à primeira letra da palavra ?

[Rubiz Gardini]

Só o a tag span que for class="news_title" ...

<span class="news_title">Título</span>

[Rubiz Gardini]

Bom, acabei descobrindo.

Eu precisei de novo em outra parte do site, que passando o mouse em uma div, todos os elementos internos sofreriam uma mudança, isso deu pra fazer por CSS de boa, mas tinha uma tag de imagem que tinha que mudar via JS, usei jQuery, funcionou perfeito:

function moreImg_roll_over( element )
{
    var imgTag = $( element ).find('.footer img')[0]; // é no find que está o segredo.
    imgTag.src = "imgs/mais_over.gif";
}

function moreImg_roll_out( element )
{
    var imgTag = $( element ).find('.footer img')[0];
    imgTag.src = "imgs/mais.gif";
}

Fica registrado pra que tiver o mesmo problema...

[Rubiz Gardini]

Só para registrar, a primeira aplicação que deixei o código no primeiro post lá em cima, o resultado final ficou assim:

$(document).ready( function () 
{
    $('.news_index ul li').mouseover( function () 
    {
        $(this).find("a span.news_title").css("text-decoration","underline");
    });
    
    $('.news_index ul li').mouseout( function () 
    {
        $(this).find("a span.news_title").css("text-decoration","none");
    });
    
    $('.news_index ul li').click( function ()
    {
        var anchorLink = $( this ).find( "a" )[0].href;
        window.open( anchorLink, '_self' );
    });
});