动态删除数据图标

Question

我正在使用JavaScript和jQuery开发一个应用程序。在应用程序中，有一个listview（jQuery mobile）包含一些项目。

我已经创建了一个功能，可以在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

要删除属性，请使用.removeAttr（），如此

$( ".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');
});