javascript - 数据 html5 和 jquery 获取

Question

我已经完成了谷歌搜索，但仍然找不到我的基本问题的解决方案。

HTML

<input type="text" id="medical_txt" name="medical_txt" data_medical-stat="yes" >

JavaScript：

$(document).ready(function(){
    $("#medical_txt").blur(function(){
        console.log(this);
        var data_var = jQuery(this).data('medical-stat');
        var attr_var = jQuery(this).attr('data_medical-stat');
        alert(data_var);
        alert(attr_var);
        var second_try=$('#medical_txt').data('medical-stat');          
        alert("second_try:"+second_try);
    });
});

输出 => undefined, yes , undefined

有人可以帮我解决第一个和最后一个出了什么问题吗？

Answer 1

数据属性被指定为data-，而不是data_，这就是为什么你得到 undefined with.data但如果你使用确切的属性名称和 ，你会得到结果.attr。

Answer 2

您以错误的方式使用 data() 。

在获取之前确保你已经存储了你想要获取的对象，比如 .data('medical-stat', { ... }) 然后你可以像这样读取它 .data('medical-stat') -> will返回 {...}