Question

在我的JSP中，在头部，我有这个：

<script type="text/javascript">
    $(document).ready(function() {
        var labelfooter = jQuery("#myId").data("mylabel");
        var htmlContent = labelfooter +" society ";
        var divContent = jQuery("#myId");
        divContent.text(htmlContent);
    });
</script>

然后，在身体部位，我有：

<div id="myId" data-mylabel="Hello" ></div>

结果，在浏览器中，我得到了“未定义社会”而不是“你好社会”

请问好吗？

Answer 1

这里的问题是你的名字中有一个大写的事实。这意味着在jQuery selctor中有所不同。有两种方法可以解决它。

<强> HTML

<div id="d1" data-fooBar="asdf1"></div>
<div id="d2" data-foo-bar="asdf2"></div>

<强>的JavaScript

var x1 = $("#d1").data("foobar"); //selects the camel case one
var x2 = $("#d2").data("fooBar"); //looks for the dash

示例

JSFiddle Example

HTML 5的数据属性未定义

1 个答案: