Jak uzyskać wartość href z linku na liście li?

Question

Oto Fiddle

chcę uzyskać atrybut href używam $(this).attr('href') ale to nie działa!

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

Zmieniono

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

Answer 2

spróbować

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

Answer 3

spróbuj zamiast tego

 var href= $('a',this).length>0? $('a',this).attr('href') : ''; 

Answer 4

$(this) odnosi się do rodzica li łącza. Trzeba użyć

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

Także proszę naprawić elementy html, blok nie powinien znajdować się wewnątrz elementów inline.

W twoim przypadku div nie powinno być w a

Answer 5

tu $this wskazuje na <li> ale u potrzebują href attr z <a> więc znaleźć <a> wewnątrz <li> i uzyskać attr href ...

spróbować

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

Answer 6

chcesz Atrybut href z a, ale $(this) w twoim przykładzie jest dla li, dlatego nie działa.

Dlaczego zamiast tego ustawić zdarzenie kliknięcia na a?

. Przykład:. $('.atleta a').click(function(e) ...