Passing a variable into a jquery load() function syntax

Question

I am trying to find out how to pass that a variable string staffID into an id selector in the load() function. Here is the piece of code:

  $('li.staffAsset').click(function () {
    var staffID = $(this).attr("id");
    openDialog('#descrDialog');
    $('#staffDescr p').load('/staffDescr.html $("#" + staffID)');
    });

This doesn't work. Basically there are divs with id="staffID" inside the staffDescr.html. I just can't seem to find the proper syntax to pass that variable string as a proper id into the load() function. Can anyone help please?

Joseph Silber · Accepted Answer · 2012-11-26 15:34:43Z

3

You don't pass the dollar function into the string. Just use this:

$('#staffDescr p').load('/staffDescr.html #' + staffID);

See the documentation: Loading Page Fragments.

Also, there's no need for $(this).attr("id"). Just use this.id:

$('li.staffAsset').click(function () {
    openDialog('#descrDialog');
    $('#staffDescr p').load('/staffDescr.html #' + this.id);
});

answered Nov 26, 2012 at 15:34

Joseph Silber

221k59 gold badges369 silver badges292 bronze badges

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

Comments

Denys Séguret · Accepted Answer · 2012-11-26 15:33:39Z

1

You messed the quotes. To simply put the id in your string you might replace

$('#staffDescr p').load('/staffDescr.html $("#" + staffID)');

with

$('#staffDescr p').load('/staffDescr.html $("#"' + staffID+')');

But you probably want

$('#staffDescr p').load('/staffDescr.html #' + staffID);

if you're trying to load a page fragment.

answered Nov 26, 2012 at 15:33

Denys Séguret

384k90 gold badges813 silver badges780 bronze badges

Collectives™ on Stack Overflow

Passing a variable into a jquery load() function syntax

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related