jquery – 如何从li列表中的链接获取href值?

前端之家收集整理的这篇文章主要介绍了jquery – 如何从li列表中的链接获取href值?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这是一个 Fiddle

我想获得href属性,我使用$(this).attr(‘href’)但它不起作用!

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);
    });
});

解决方法

Check the updated fiddle

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

猜你在找的jQuery相关文章