parsing html file using jquery

Question

Hi I have extracted the html source code from a website using jquery. I am trying to extract link under a specific tag which is of the form <p class="title"> <a href="some link "> I am trying to extract the link under a href. To extract the html i did

$.get("link",function(data){ alert($data('p').attr('title')); }

data contains the html source code. The alert box shows as undefined. Is it not possible to extract the

tag with data in this format? I am not able to get how to extract the link under the href tag. Please help

you are using data as function parameter an $data in your alert. These are 2 different variables... — Pevara
– Pevara, Commented Aug 3, 2012 at 19:13

dana · Accepted Answer · 2012-08-03 19:51:23Z

3

Original Solution (finds first link)

$.get("link",function(data){ alert($(data).find('p.title a').attr('href')); }

Modified Solution (finds all links)

$.get("link", function(data) {
    var links = [];

    $(data).find('p.title a').each(function() {
        links.push($(this).attr('href'));
    });

    alert(links.join(', '));
});

edited Aug 3, 2012 at 19:51

answered Aug 3, 2012 at 19:13

dana

18.3k7 gold badges71 silver badges91 bronze badges

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

8 Comments

user1019083 Over a year ago

it works..but when there are multiple p tags with class title it extracts only the 1st one

wirey00 Over a year ago

You are going to have to loop through each one to get them then. So $(data).find('p.title a').each(function(){ alert($(this).attr('href'));});

dana Over a year ago

I added a separator argument to the join() method call. I do not think you would need that, but just in case should try that.

user1019083 Over a year ago

its working now, one bracket missing was the problem ! Thank you so much for your help :)

dana Over a year ago

No problem, it gets confusing sometimes when you are using jQuery + AJAX :) Glad you got it working.

|

Bill · Accepted Answer · 2012-08-03 19:13:27Z

1

From your example it looks like you should be doing this:

$.get("link",function(data){ alert($(data).find('p.title a').attr('href')); }

answered Aug 3, 2012 at 19:13

Bill

6453 silver badges11 bronze badges

2 Comments

dana Over a year ago

Never done that before. We literally have the exact same answer :)

user1019083 Over a year ago

it works..but when there are multiple p tags with class title it extracts only the 1st one

Collectives™ on Stack Overflow

parsing html file using jquery

2 Answers 2

8 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related