Question

我有

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

我需要编写jquery代码，将href url加载到data-container属性

$('.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);
});

jquery .load（）url动态定位

3 个答案: