javascript - 动态删除数据图标

Question

我正在用 JavaScript 和 jQuery 开发一个应用程序。在应用程序中，有一个listview（jQuery 移动）带有一些项目。

我已经创建了一个函数来动态删除listview项目中的所有数据图标，但它不起作用：

$( ".lvItem" ).each(function() {
    $(this).attr('data-icon', 'false');
    $(this).find('.ui-icon').removeClass('ui-icon-' + 'arrow-r');
});

但是，如果我尝试动态更改图标，它会完美运行：

$( ".lvItem" ).each(function() {
    $(this).attr('data-icon', 'arrow-u');
    $(this).find('.ui-icon').addClass('ui-icon-' + 'arrow-u');
    $(this).find('.ui-icon').removeClass('ui-icon-' + 'arrow-r');
});

我究竟做错了什么？

Answer 1

To remove an attribute use .removeAttr() like so

$( ".lvItem" ).each(function() {
   $(this).removeAttr('data-icon');
   //remember that you can access data- attributes with the data function
   //like this        
   //modify a value
   $(this).data('icon','value-1');
   //read a value
   icon = $(this).data('icon');
});