jQuery的.load（）網址目標dynamicaly

Question

我有

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

我需要寫一個加載href網址數據容器屬性

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

Answer 1

使用data這樣的jQuery代碼：

$('.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腳本，我使用的修復從克勞迪奧爲我修改一個基地（衝擊波是相同的，但更短）

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