jquery - 获取html5的值用jQuery

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>

从属性“数据类型”中获取值

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>