我想在最后用 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.html 404（未找到）。由于我的变量未定义仍然是属性而不是文本。 所以有点想在“描述”div中调用小html。名称应该在标签标签中，没有锚。我对 jquery 感兴趣的任何解决方案。谢谢各位。

console log about link allert 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!');
    })
});