动态删除数据图标

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

要删除一个属性使用.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'); 
});