我想在最后用jquery获得有用的链接

Question

最后想得到这个：mondaysoupcall.html并调用另一个div。

这是目标div：<div class="description"></div>

[这是我要单击并阅读“ data-id”的标签<label for="sel1" id="mondaysoupcall" data-id="mondaysoupcall">Soup</label>

这是我的jquery代码部分。我可以轻松获得属性，但是回叫或转换为文本对我来说很难。 （我仍然是新手）。

var dab = $(this).attr('data-id');
$('label').click(function(){
    alert( $(this).attr('dataid'));
    $(".description").load(dab+'.html');
});

如果我单击标签，则会弹出警报窗口。控制台日志显示：http://localhost/wichkitchen/undefined.html404（未找到）。未定义，因为我的变量仍然不是文本。因此，在某种程度上，我想将小的html调用到“描述” div中。名称应在标签标签中，没有锚点。我对jquery感兴趣的任何解决方案。谢谢你们。

console log about linkallert window calling attribute.

Answer 1

我认为您在称数据属性为错误。

$('label').on('click', (e) => {
    let dataId = $(this).attr('data-id') + '.html';
    // alternative let dataId = $(this).data('id') + '.html';
    $('.description').load(dataId, () => {
        alert('Data loaded!');
    })
});