Javascript HTML/JS-li额外数据字段

我目前正在尝试在当前列表（li）中创建一个隐藏字段，在其中我可以传递除文本值以外的其他字段

以下是我到目前为止的情况：

HTML:

我得到一个“audio_src”的显示没有问题，因为这仅仅是项目的“文本”，但是我不能让自定义字段通过

---

有什么想法吗？

我认为你应该使用$（this.attr（“数据集叶子”）而不是$（this.dataset.leaves

顺便说一句，最好的做法是用半逗号结束每条语句

---

更正：应该是$（this）。attr（“数据离开”）

jQuery对象没有

dataset

属性。不要将此强制转换为jQuery对象：

$(".mejs-list li").click(function () {
    var audio_src = $(this).text();
    alert(audio_src);
    var test = this.dataset.leaves;
    alert(test);
});

还将学习如何使用的

console.log

。通过这种方式，您可以获得更多信息，您可以在控制台上记录和检查对象。

使用jQuery返回

数据的值

$('.mejs-list li').click(function() {

    var audio_src = $(this).text(),
        test = $(this).data('leaves');

    alert('audio source: '+ audio_src + '\n data-laves: '+ test);

});

演示：
我不明白，有什么问题吗？我无法让自定义属性“leaves”通过。第二个警报没有触发。请拉小提琴。我刚才试过这个。警报（$（this.attr（“dataset leaves”））但它显示为“undefined”，这是我的错，它应该是$（this.attr（“data leaves”）。您稍后的注释也可以使用。谢谢你的帮助！
$(".mejs-list li").click(function () {
    var audio_src = $(this).text();
    alert(audio_src);
    var test = this.dataset.leaves;
    alert(test);
});

$('.mejs-list li').click(function() {

    var audio_src = $(this).text(),
        test = $(this).data('leaves');

    alert('audio source: '+ audio_src + '\n data-laves: '+ test);

});