Làm thế nào để tôi nhận được giá trị a href từ một liên kết bên trong danh sách li?

Question

Đây là Fiddle

Tôi muốn nhận thuộc tính href, tôi sử dụng $(this).attr('href') nhưng không hoạt động!

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

thử

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

Answer 3

thử này để thay thế

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

Answer 4

$(this) là đề cập đến phụ huynh li của liên kết. Bạn cần phải sử dụng

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

Đồng thời, vui lòng sửa lỗi html, không được nằm trong phần tử nội tuyến.

Trong trường hợp của bạn div không phải ở trong a

Answer 5

đây, $this được trỏ đến các <li> nhưng u cần href attr của <a> để tìm <a> bên <li> và nhận được attr href ...

thử điều này

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

Answer 6

Bạn muốn thuộc tính href từ a, nhưng $(this) trong ví dụ của bạn là dành cho li, đó là lý do tại sao nó không hoạt động.

Tại sao không đặt sự kiện nhấp vào số a thay thế?

Ví dụ:.. $('.atleta a').click(function(e) ...