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

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

  <script type="text/javascript">
    alert($("[data-people=australian]").html());
  </script>
@H_403_4@但是这其他不行,我不知道如何解决

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

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

    alert($("[data-people=australian]").html());
  </script>
@H_403_4@为什么我无法从jQuery中设置数据 – * HTML5属性并使用它们来选择DOM对象?

@H_403_4@很感谢

解决方法

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

@H_301_20@ @H_403_4@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)

猜你在找的jQuery相关文章