Scrape HTML element with JQuery

Question

I'm developing a small extension for Chrome. Among others, I want to scrape some text from the page I visit and store it to a variable. I am using jQuery. I have tried some solutions from other posts, but nothing seems to work.

<div id = "top-card" data-li-template="top_card" >
<div class="profile-top-card top-card " >
    <div class="profile-card vcard">
        <div class="profile-card vcard">
            <div class="profile-card vcard">
                .....
                    <div class="profile-card vcard">
                        <div id="profile-card vcard">
                            <div data-li-template="profile-card vcard">
                                <h1>
                                    <span class="fn">
                                        <span class="full-name" dir="auto">I WANT THIS TEXT</span>

My code so far is:

$('#personal_notes').click(function() {
chrome.tabs.query( {active: true}, function(tabs) {
var url = tabs[0].url;
var notes = document.getElementById('notes').value;
var name = $("body").find("full-name").text();

Any ideas or sources of info that I could use, are much appreciated. Thank you

Parixit · Accepted Answer · 2015-12-18 10:19:17Z

1

You need data from class name "full-name". So you should use . just before class name as a class selector in jQuery

$('#personal_notes').click(function() {
    chrome.tabs.query( {active: true}, function(tabs) {
       var url = tabs[0].url;
       var notes = document.getElementById('notes').value;

       var name = $("body .full-name").text();
       //OR you can use below one also with minor change
       var name = $("body").find(".full-name").text();

answered Dec 18, 2015 at 10:19

Parixit

3,8193 gold badges39 silver badges65 bronze badges

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

3 Comments

Vasilis Over a year ago

Thanks for your reply, but it doesn't seem to work. I get a blank cell to my exported csv file. Any thoughts why?

Parixit Over a year ago

@Vasilis Can you directly access text of that full-name in developer console of chrome?

Vasilis Over a year ago

Yes I can. You can test it too, just visit a random LinkedIn profile (linkedin.com/profile/view?id=*)

void · Accepted Answer · 2015-12-18 10:20:07Z

1

$(".full-name").text();

No need of body here and full-name is a class so you need to use .full-name as the selector.

The code becomes:

$('#personal_notes').click(function() {
chrome.tabs.query( {active: true}, function(tabs) {
var url = tabs[0].url;
var notes = $("#notes").val(); // Changed this as well
var name = $(".full-name").text(); // Here you should use .

answered Dec 18, 2015 at 10:20

void

36.7k10 gold badges71 silver badges111 bronze badges

1 Comment

Vasilis Over a year ago

Thanks for your reply! It doesn't seem to work. I'm getting an empty cell on my exported csv file.

Collectives™ on Stack Overflow

Scrape HTML element with JQuery

2 Answers 2

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related