Question

前几天我正在阅读stackoverflow中的答案，我读到了，“jquery可以获得html5 <data-something='value'>的价值”，当我正在寻找别的东西时，我读到这个，所以我只是阅读并且不要分析一下。而现在我真的需要完成这项任务。

问题是：它是可行的还是我只是误解了阅读？

Answer 1

<div id="test" data-key="abcd">hahahah</div>

<script type="text/javascript">
var value = $("#test").data("key");
alert(value); //This will show you "abcd"
</script>

我认为数据不仅适用于HTML5，也适用于HTML4

Answer 2

您可以使用data()并让jQuery尝试解码类型并返回键入的值。

如果您想要原始字符串，请使用attr("data-x")。

Answer 3

<div class="ch-content" data-type=plant></div>

从属性“data-type”获取值

var type = $(".ch-content").attr('data-type');
Console.log(type);

Answer 4

您可以使用原生JavaScript：

<div id="test" data-key="abcd">hahahah</div>
<script type="text/javascript">
var test= document.getElementById('test');
var keyCount = test.getAttribute('data-key');
</script>

使用jquery获取html5 <data-something =“value”>的值</data-something =“value”>

4 个答案: