jquery hasClass 给出错误的结果

Question

我之前使用过 hasClass 方法，但我有一个场景，报告为不存在，尽管如果我输出 elements .html() ，它会清楚地显示该类也被 item 使用和其他类一样。

该类所属的元素也被动态写入屏幕。你知道我做错了什么吗？

$('.myList').each(function (index, item) {

    // Check marked as complete
    if (!$(item).hasClass('complete')) {
        // Not complete
        alert('not complete!' + $(item).html());

        completeFlag = false;
        return false;
    }

});

html 输出:

<li id="myid" class="class1 class2 complete">some text</li>

Answer 1

我猜您正在检查列表，您的意思是检查列表项目。

我认为您正在做的事情的示例:

HTML:

<ul class="myList">
  <li>This is not complete</li>
  <li>Nor this</li>
  <li class="class1 class2 complete">But this is</li>
  <li>And this isn't</li>
</ul>

JavaScript:

$('.myList').each(function (index, item) {

    // Check marked as complete
    if (!$(item).hasClass('complete')) {
        // Not complete
        display('Item not complete: ' + $(item).html());
    }
    else {
        // Is complete
        display('Item IS complete: ' + $(item).html());
    }

});

Live copy (这不起作用)

检查项目的方法如下:更改

$('.myList').each(function (index, item) {

至:

$('.myList li').each(function (index, item) {
//         ^--- Note that we're now looping the
// list *items*, not the list

Live copy