jQuery选择器和HTML5数据 – *属性动态设置

前端之家收集整理的这篇文章主要介绍了jQuery选择器和HTML5数据 – *属性动态设置前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这个工作:
<div data-people="australian">Australian people eats...</div>

  <script type="text/javascript">
    alert($("[data-people=australian]").html());
  </script>

但是这其他不行,我不知道如何解决

<div id="mich">Australian people eats...</div>

  <script type="text/javascript">
    $("#mich").data("people","australian");

    alert($("[data-people=australian]").html());
  </script>

为什么我无法从jQuery中设置数据 – * HTML5属性并使用它们来选择DOM对象?

很感谢

解决方法

jQuery data()映射的数据属性是单向的.如果要在节点上实际设置属性,应该使用attr()函数.
$("#mich").attr("data-people","australian");

docs:

The data- attributes are pulled in the first time the data property is accessed and then are no longer accessed or mutated (all data values are then stored internally in jQuery)

原文链接:https://www.f2er.com/jquery/179651.html

猜你在找的jQuery相关文章