数据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_ ，这就是为什么您无法使用.data定义，但是如果使用确切的属性名称和.attr则会得到结果。

Answer 2

您以错误的方式使用data（）。

在提取之前，请确保已存储要尝试获取的对象，例如.data（'medical-stat'，{...}），然后可以像这样读取它。.data（'medical-stat'）->将返回{...}