javascript - jQuery attr ("href")不起作用

Question

我正在构建一个 WordPress 主题。在帖子的底部，我插入了一个自定义导航栏，在其中显示标签和分页链接。 (所有 wordpress 元素都工作正常:wordpress 不是导致我来到这里的问题)

我想在点击页码链接时使用 javascript 方法 .load() 刷新帖子内容(基本上我想浏览帖子的页面，而不是每次都重新加载所有内容)

为此，我需要检索要加载的链接的 href 属性。在阅读了官方 API 并在几个论坛上搜索后，我试图通过这段代码来实现这一目标......但它不起作用，我也不明白为什么。

HTML

<nav id="tag-and-navigation">
    <div class="page-numbers tags-and-navigation-elem">
        <a href="my_first_page">1</a>
        <a href="my_second_page">2</a>
    </div>
</nav>

jQuery( Debug模式版本:我只是尝试在控制台中显示 href)

$(document).ready(function(){
    $('.page-numbers.tags-and-navigation-elem').click(function(){
       console.log($(this).attr('href'));
    });
});

当我参加“my_first_page”时，此代码在控制台上显示“未定义”。有什么线索吗？谢谢

Answer 1

这是因为您使用 $('.page-numbers.tags-and-navigation-elem') 选择一个 div，它没有 href属性。

你可能想说

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

或者

如果您想单击 anchor 并获取其hrefs，请使用此

$(document).ready(function(){
    $('.page-numbers.tags-and-navigation-elem a').click(function(){
       console.log($(this).attr('href'));
    });
});