Getting element attribute using jQuery

Question

I have footer links on my website and I'm trying to get the title attributes of the anchor tag using the following method.

(function($){
    $("#block-footermenu a.nav-link").each(function(e) {
        console.log($(e).attr('title'));
    });
})(jQuery);

but in the console, I'm getting undefined what I'm missing here?

Following is my HTML

<nav role="navigation" aria-labelledby="block-footermenu-menu" id="block-footermenu" class="block block-menu navigation menu--footer-menu">
    <ul class="nav ul_align">
        <li class="nav-item">
            <a class="nav-link" title="Sitemap" href="/us/sitemap">Sitemap</a>
        </li>
    </ul>
</nav>

Yves Kipondo · Accepted Answer · 2021-09-06 06:21:25Z

1

You should use $(this) to refer back to the element on which you have clicked.

(function($){
    $("#block-footermenu a.nav-link").each(function(e) {        
        console.log($(this).attr('title'));
    });
})(jQuery);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<nav role="navigation" aria-labelledby="block-footermenu-menu" id="block-footermenu" class="block block-menu navigation menu--footer-menu">
    <ul class="nav ul_align">
        <li class="nav-item">
            <a class="nav-link" title="Sitemap" href="/us/sitemap">Sitemap</a>
        </li>
    </ul>
</nav>

edited Sep 6, 2021 at 6:21

answered Sep 6, 2021 at 6:13

Yves Kipondo

5,6931 gold badge22 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Getting element attribute using jQuery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related