javascript - 如何在 IE 8 中设置数据值

Question

我有一个脚本，它使用“data-”类型在 html 元素内存储信息。 EG

<div class="My-Widget commentsandrating" data-XYZ="MCAN"></div>
<div class="My-Widget rating" data-XYZ="MCAN"></div>
<div class="My-Widget comments" data-XYZ="MCAN"></div>

其中一些将出现在带有数据 XYZ 的页面中，有些如下:

<div class="My-Widget commentsandrating"></div>
<div class="My-Widget rating"></div>
<div class="My-Widget comments"></div>

我正在尝试将 data-xyz 添加到 html 中。

对于所有浏览器，我使用以下函数

item.setAttribute('data-XYZ', queryString2);  

它适用于除 IE 之外的所有浏览器..

我尝试使用 jQuery

jQuery.data(item, 'XYZ', queryString2);

我应该用什么来设置它..

感谢您的帮助...

Answer 1

检查一下。也许对您有帮助。

HTML

<div class="My-Widget commentsandrating" data-XYZ="MCAN"></div>
<div class="My-Widget rating" data-XYZ="MCAN"></div>
<div class="My-Widget comments" data-XYZ="MCAN"></div>

<div class="My-Widget commentsandrating"></div>
<div class="My-Widget rating"></div>
<div class="My-Widget comments"></div>

<input type="button" id="set" value="set"/>
<input type="button" id="get" value="get"/>

JS

$(function(){
  var queryString2 = "MCAN";
  var sel = "My-Widget";
  var widgetArray = document.querySelectorAll( '.' + sel );
  $('#set').on('click', function(){
      $.each(widgetArray, function(index, item){
         $.data(item, 'XYZ',  queryString2 + index);
      });
  });

  $('#get').on('click', function(){
      $.each(widgetArray, function(index, item){
         alert($.data(item, 'XYZ'));
      });
  });
});

检查此 DEMO