javascript - 比较 jquery .data() 与 String 始终为 false

Question

首先是 fiddle :http://jsfiddle.net/6d82Q/1/

在我的 HTML 中我有:

<div class="myClass" data-status="true"></div>
<div class="myClass" data-status="false"></div>

我想根据状态向 div 添加 CSS 类:

$('.myClass').each(function()
{ 
    // compare status
    if($(this).data('status') == 'true')
    {
        $(this).addClass('myTrueClass');
    }
    else
    {
        $(this).addClass('myFalseClass');
    }
});

问题是，总是添加 myFalseClass。我的问题是:如何解决这个问题，为什么会首先出现？

Answer 1

尝试，

$('.myClass').each(function()
{ 
    if($(this).data('status'))
    {
        $(this).addClass('myTrueClass');
    }
    else
    {
        $(this).addClass('myFalseClass');
    }
});

因为 .data(key) 会自动将“true”转换为 bool 值。

DEMO

当然，如果您想将“true”作为字符串获取，则只需使用 .attr("data-status")