javascript - 满足条件时，如何使用 jquery 将文本附加到多个 div

Question

单击所有 8 个 div 后，我希望剩余的红色 div 显示得很好。它似乎没有用，我试图通过使用可怕的 document.getElementsByClassName 来上课，但我想要一些更简单的东西。请帮忙!

var score;

$(document).ready(function () {
    $('.b').click(function () {
        $(this).fadeOut("slow");
    });
});

function click() {
    score += 1;
    if (score === 8) {  document.getElementsByClassName(a).innerHTML += 'Well Done';
    }
}

http://jsfiddle.net/clarinetking/BbSMW/8/ (JSFiddle)

Answer 1

一些事情:

-score 从未被赋予默认值，在每次尝试加 1 时导致 NaN

-你永远不会调用click()

-您必须遍历您的 div 并应用 innerHTML -- 我只是使用 jQuery，因为您已经为您准备好了它:

var score = 0;

$(document).ready(function () {
    $('.b').click(function () {
        $(this).fadeOut("slow");
        click();
    });
});

function click() {
    score += 1;
    if (score === 8) {  $(".a").text('Well Done');
    }
    console.log(score);
}

演示:http://jsfiddle.net/BbSMW/10/