How do i get a href value from a link inside li list?

Question

Here is a Fiddle

I want to get the href attribute, I use $(this).attr('href') but it does not work!

HTML :

<div class="wrap_atletas_interno">
    <ul>
        <li class="atleta">
            <a href="teste.html">
                <div class="nome_86_atleta">Antônio</div>
                <img src="atletas/antonio_86px.jpg" />
            </a>
        </li>
        <li  class="atleta">
            <div class="nome_86_atleta">Cauê</div>
            <img src="atletas/caue_86px.jpg" />
        </li>
        <li class="atleta">
            <div class="nome_86_atleta">Dudu</div>
            <img src="atletas/dudu_86px.jpg" />
        </li>
    </ul>
</div>

JavaScript :

$('.atleta').click(function (e) {
    e.preventDefault();
    $('.atleta').removeClass('atleta_atual');
    $(this).addClass('atleta_atual');
    var h = $(this).attr('href');
    alert(h);
    $.get(h, function (data) {
        //$(".detalhes_atleta").html(data).fadeIn("slow");
        alert(h);
    });
});

Answer 1

Check the updated fiddle

Changed

var h = $("a",this).attr('href');

Answer 2

$(this) is referring to the parent li of the link. You need to use

$(this).find('a').attr('href');

Also please fix your html, block elements should not be inside inline elements.

In your case the div should not be in the a