jQuery .load, with specific class not working

Question

I'd like to use .load to add a button, that exists on another page, for each cell on a website.

Let's say it looks like this:

Lalalala
Videooooo Here
Wop wop Wop wop

and all of those would be links. Then if you go to each link, for example "Lalalala", you'd go to a page looking like this:

Info here, blabla. Lala

So, I tried to use:

$(".mainpart").append("Magnet: <div id='magneturl'>Loading download buttons..</div>");
$("#magneturl").load("zoo-s01e04-hdtv-x264-lol-ettv-t10975316.html");

And it loads fine;

But if I use:

$(".mainpart").append("Magnet: <div id='magneturl'>Loading download buttons..</div>");
$("#magneturl").load("zoo-s01e04-hdtv-x264-lol-ettv-t10975316.html .magnetlinkButton");

It will just print Magnet:

I hope I make any kind of sense with this post.

are you sure you have elements with that class? it seems to work find for me: jsfiddle.net/u8xtycw7/1 — Pete
– Pete, Commented Jul 22, 2015 at 13:40

Aioros · Accepted Answer · 2015-07-22 13:41:46Z

4

The line

$("#magneturl").load("zoo-s01e04-hdtv-x264-lol-ettv-t10975316.html .magnetlinkButton");

is trying to fetch the content of the page and filter it applying the jQuery selector .magnetlinkButton. Judging by the image you posted, the file you are loading is not an HTML page but a JSON; or maybe it is HTML, but it doesn't have any element with class="magnetlinkButton".

If you are actually trying to read the property .magnetlinkButton from that JSON text, I'd suggest looking into .getJSON() instead.

answered Jul 22, 2015 at 13:41

Aioros

4,3931 gold badge21 silver badges22 bronze badges

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

Comments

Lalji Nakum · Accepted Answer · 2015-07-22 13:32:04Z

-1

check your jquery version. here is the working example :

<!doctype html>
  <html lang="en">
<head>
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
    <b>Projects List:</b>
    <ol id="new-projects"></ol>
    <script>
        $( "#new-projects" ).load( "/resources/load.html #projects li" );
    </script>
</body>

answered Jul 22, 2015 at 13:32

Lalji Nakum

3801 silver badge15 bronze badges

Collectives™ on Stack Overflow

jQuery .load, with specific class not working

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related