jquery - jquery .load() url 动态定位

Question

我有

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

我需要编写将 href url 加载到数据容器属性的 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);
});