get all the links in a page using jquery

Question

I need to get all the links in the page using .each(function(){}); in JQuery

<div id="mm">
    <ul class="mg">
        <li id="nav_sports">
            <a href="http://www.google.com" class="atest">Sports</a>
            <div id="sports">
                <ul>
                    <li>
                        <a href="http://www.dictionay.com">cricket</a>
                    </li>
                </ul>
                <ul id="cont1">
                    <li style="color:#444444">
                        <b>Popular</b>
                    </li>
                </ul>
            </div>
        </li>
    </ul>
</div>

score 19 · Answer 1 · answered Oct 03 '12 at 05:47

19

$("a").each(function() {
    //Do your work   
})

answered Oct 03 '12 at 05:47

Eli

14,779
5
59
77

score 6 · Answer 2 · answered Oct 03 '12 at 05:46

6

Use the anchor tag as selector

$("a").each(....)

answered Oct 03 '12 at 05:46

bart s

5,068
1
34
55

thecodeparadox · Answer 3 · 2012-10-03T07:22:55.817

6

var links = [];
$('#mm a').each(function() {
   links.push( this.href ); 
   // output of links: ['http://www.google.com', 'http://www.dictionay.com']
   // According to comment
   // if you need each link separately then
   // may try like

   var href = this.href;
   // now process with the href as you wish      
});

for all as, change the selector #mm a to just a;

edited Oct 03 '12 at 07:22

answered Oct 03 '12 at 05:47

thecodeparadox

86,271
21
138
164

score 4 · Accepted Answer · answered Oct 03 '12 at 15:34

this is what i expected guys...thanks for ur replies

$("a").attr("clink","");
    $(window).load(function(){
        $("#mm a").attr("clink","");
        $('#mm a').each(function(){
            var hrefl=$(this).attr('href');
            var clink=hrefl;
            $(this).attr('clink',clink);
            $(this).attr('href',"#");
        }); 
});

score 4 · Answer 5 · edited May 23 '17 at 11:52

4

If you want all the unique links on a page, borrowing from other answers on this page and Unique values in an array

function onlyUnique(value, index, self)
{
    return self.indexOf(value) === index;
} 

function getAllLinks()
{
   var links = [];
   $("a").each(function ()
   {
      links.push(this.href);
   });

   return links.filter(onlyUnique);
}

edited May 23 '17 at 11:52

Community

1
1

answered Mar 05 '16 at 15:47

Aaron Sherman

3,789
1
30
33

score 2 · Answer 6 · answered Oct 03 '12 at 05:47

2

You can just do $('a') this will return a collection of al the A elements on a page.

Then you can iterate over it with $('a').each(function(index, value){})

answered Oct 03 '12 at 05:47

Preben Huybrechts

5,853
2
27
63

get all the links in a page using jquery

6 Answers6