jquery .load() url to target dynamicaly

Question

i have got

<div><a class='link' href='index.php' data-container='target'>Load</a></div>
<div class='target'></div>

i need to write jquery code which load href url to data-container attribute

$('.link').click(function(e) {
    e.preventDefault();
    $(this.data-container).load(this.href);
});

Blaster · Accepted Answer · 2012-06-29 20:46:05Z

2

Use data like this:

$('.link').click(function(e) {
    e.preventDefault();
    $('.' + $(this).data('container')).load(this.href);
});

edited Jun 29, 2012 at 20:46

answered Jun 29, 2012 at 20:40

Blaster

9,0801 gold badge30 silver badges25 bronze badges

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

Comments

Claudio Redi · Accepted Answer · 2012-06-29 20:42:10Z

1

$('.link').click(function(e) {
    e.preventDefault();
    var container = $(this).data('container');
    $('.'+ container).load(this.href);
});

answered Jun 29, 2012 at 20:42

Claudio Redi

68.6k15 gold badges138 silver badges161 bronze badges

Comments

user1273903 · Accepted Answer · 2012-06-29 22:30:22Z

0

I reply to my own question to clear solution and make it better

<div><a class='link' href='index.php' data-target='.target-class'>Load</a></div>
<div class='target-class'></div>

<div><a class='link' href='index.php' data-target='#target-id'>Load</a></div>
<div id='target-id'></div>

jQuery script, I use fix from Claudio as a base for my modification (Blaster is the same but shorter)

$('.link').click(function(e) {
    e.preventDefault();
    var target = $(this).data('target');
    $(target).load(this.href);
});

answered Jun 29, 2012 at 22:30

user1273903

334 bronze badges

Collectives™ on Stack Overflow

jquery .load() url to target dynamicaly

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related