jquery - 動的にターゲットとするjquery .load() URL

Question

私は持っている

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

href url を data-container 属性にロードする jquery コードを記述する必要があります

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

Answer 1

data次のように使用します。

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

Answer 2

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

Answer 3

解決策を明確にして改善するために、自分の質問に返信します

<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 スクリプト、修正のベースとして Claudio からの修正を使用します (Blaster は同じですが短いです)

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