我想在 jquery 最后得到有用的 link

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

如果我单击标签，就会出现警报 window。控制台日志说： http://localhost/wichkitchen/undefined.html 404（未找到）。未定义，因为我的变量仍然是属性而不是文本。所以有点想把小html叫进"description"div。名称应该在标签标签中，没有锚点。我感兴趣的任何解决方案 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!');
    })
});

我想在 jquery 最后得到有用的 link

I would like to get useful link at the end with jquery

javascript

jquery

html

call

attr