retrieve all the hyperlinks from html file using jquery or javascript

Question

I need to retrieve all the hyperlinks present in current html page using jquery. How can i use regular expressions to do that? Also can i use collections in javascript to store all the hrefs in the list?

i used yql to retrieve html of a link but i need to get href from that result which was returned by the yql. Instead of this.href can i pass the html string to it? — Ashwin Mendon
– Ashwin Mendon, Commented Jul 11, 2012 at 9:41

Mariusz Jamro · Accepted Answer · 2012-07-11 09:24:37Z

2

You can use simple each-loop:

// For each <a href=""> tag...
$('a').each(function(){
    // Get the url
    var href = $(this).attr('href')
    // alert it or do sth with it
    alert( href ); 
})

answered Jul 11, 2012 at 9:24

Mariusz Jamro

31.9k25 gold badges129 silver badges170 bronze badges

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

3 Comments

Ashwin Mendon Over a year ago

i used yql to retrieve html of a link but i need to get href from that result which was returned by the yql. Instead of this.href can i pass the html string to it?

Mariusz Jamro Over a year ago

Use $(html_tring_here).find('a').each(...

nnnnnn Over a year ago

Might want to use .filter() rather than .find() because .find() won't match any top-level elements.

Adil · Accepted Answer · 2012-07-11 09:57:16Z

1

using jQuery $('a') will do it for you

Iterating through all the anchor elements

var hrefArr = [];
$('a').each(function(){
  //hrefArr.push($(this).attr('href')); 
  hrefArr.push(this.href); // this would be bit faster then the statement above it
});

Edit on comment by OP, Finding the anchor tags in string contain html

str = "<div><a href='local1'></a><a href='local2'></a></div>"
var hrefArr = [];
$(str).filter('a').each(function(){
    hrefArr.push(this.href); 
});

edited Jul 11, 2012 at 9:57

answered Jul 11, 2012 at 9:23

Adil

148k25 gold badges217 silver badges207 bronze badges

4 Comments

Ashwin Mendon Over a year ago

i used yql to retrieve html of a link but i need to get href from that result which was returned by the yql. Instead of this.href can i pass the html string to it?

Adil Over a year ago

replace $('a') with $(str).find('a') where str contains the text

nnnnnn Over a year ago

Might want to use .filter() rather than .find() because .find() won't match any top-level elements in the string. (Your example string would of course work with .find() since you assumed a div as a container.)

Adil Over a year ago

Thanks @nnnnnn for your suggestion, changed to filter.

NimChimpsky · Accepted Answer · 2012-07-11 09:24:16Z

0

All anchors would be quite easy

$("a").each(function(){
  alert( $(this).attr("href") );
})

answered Jul 11, 2012 at 9:24

NimChimpsky

47.5k61 gold badges202 silver badges320 bronze badges

1 Comment

Ashwin Mendon Over a year ago

i used yql to retrieve html of a link but i need to get href from that result which was returned by the yql. Instead of this.href can i pass the html string to it?

Suhas · Accepted Answer · 2012-07-11 09:24:38Z

0

This will give you all the hyperlinks on the page

$('a')

And this will give you collection of hrefs on the hpyerlinks

var hrefs = new Array();
$('a').each(function() {
    hrefs.push(this.attr('href'));
});

answered Jul 11, 2012 at 9:24

Suhas

8,4986 gold badges39 silver badges57 bronze badges

2 Comments

nnnnnn Over a year ago

That second example will return the href attribute of the first anchor tag, not a collection.

Ashwin Mendon Over a year ago

i used yql to retrieve html of a link but i need to get href from that result which was returned by the yql. Instead of this.href can i pass the html string to it?

nnnnnn · Accepted Answer · 2012-07-11 09:27:08Z

0

If by "collections in javascript" you mean an array then you can do this:

var hrefs = [];
$("a").each(function() {
    hrefs.push(this.href);
});
// hrefs array now contains all the hrefs

Within the .each() callback function this.href will likely return the full url that would be followed if you click the link, that is href="test.htm" would be returned as http://yourdomain/test.htm. If you want just the bit literally in the attribute use $(this).attr("href").

You wouldn't use a regex to do that type of processing.

answered Jul 11, 2012 at 9:27

nnnnnn

150k30 gold badges210 silver badges247 bronze badges

2 Comments

Ashwin Mendon Over a year ago

i used yql to retrieve html of a link but i need to get href from that result which was returned by the yql. Instead of this.href can i pass the html string to it?

nnnnnn Over a year ago

Can you pass the html string to what? I'm not very familiar with yql, but if that's what you're using why didn't you say so in your question? You asked for a jQuery solution. If we assume your yql returns the html into a string str then you could do $(str).filter("a").each(...

Kijewski · Accepted Answer · 2012-07-14 04:04:00Z

0

Try this:

var link = "";
$("a").each(function() {
    link += $(this).attr("href"); 
});
alert(link);

edited Jul 14, 2012 at 4:04

Kijewski

26.1k14 gold badges108 silver badges149 bronze badges

answered Jul 11, 2012 at 9:41

Needhi Agrawal

1,3268 silver badges14 bronze badges

1 Comment

nnnnnn Over a year ago

I'm not sure that concatenating all the hrefs together without any spaces or commas is going to help.

Collectives™ on Stack Overflow

retrieve all the hyperlinks from html file using jquery or javascript

6 Answers 6

3 Comments

4 Comments

1 Comment

2 Comments

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

3 Comments

4 Comments

1 Comment

2 Comments

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related