jquery - jquery mobile, 列表, 隐藏箭头图标

Question

我正在尝试使用 jquery 事件从一个列表项中删除箭头图标。

一个列表项：

<li class='message_list'><a id='message_list_item' href='#'>
<h3>Sender</h3>
<p><strong>Subject</strong></p>
<p>Body Text</p>
<p class='ui-li-aside'><strong>Time</strong>am</p>
</a></li>

脚本：

$(".message_list").swipeleft(function(event) {
    event.stopImmediatePropagation(); //prevent from firing twice
    $(this).attr('data-icon', 'false');
    $("#test_display").html("Worked");      

    return false;
});

测试 html 更新，因此脚本激活。但是为什么该属性更改不起作用？

放<li data-icon='false' class='message_list'>确实会删除它！

Answer 1

data-*属性通过data支持。尝试使用 -

 $(this).data('icon', 'false');

然后你可以检查使用 -

$(this).data('icon');    // will return false if set to false.