Using jQuery's .load method to return one element from a page

Question

I am new to jQuery and JS and I encounter what I believe is a syntax problem, but I haven't been able to fix it on my own.

I am using the .load method to display content on a page, which works perfectly when I use the following bit of code :

$("#mydiv1 a")on('click', function ()
{
$("#mydiv2").load(this.href); 
});

When calling this.href, however, the entire page is returned (as expected). I would like to be able to return only one element in this page: #myelement. This is where my problem occurs: the following code doesn't work.

$("#mydiv1 a")on('click', function ()
{
$("#mydiv2").load(this.href #myelement); 
});

If my syntax is indeed incorrect, what would be the right way to put it?

Any help would be greatly appreciated.

Thanks.

Keep your browser developer console open so that you can see reported errors. — Pointy
– Pointy, Commented Sep 15, 2014 at 21:40

Pointy · Accepted Answer · 2014-09-15 21:39:55Z

1

You have to build a string:

$("#mydiv2").load(this.href + " #myelement");

answered Sep 15, 2014 at 21:39

Pointy

415k62 gold badges600 silver badges631 bronze badges

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

Comments

PeterKA · Accepted Answer · 2014-09-15 21:39:57Z

0

Here is how to write it:

$("#mydiv2").load(this.href + ' #myelement');

answered Sep 15, 2014 at 21:39

PeterKA

24.7k5 gold badges28 silver badges52 bronze badges

Collectives™ on Stack Overflow

Using jQuery's .load method to return one element from a page

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