为什么我的条件不做任何事情？

Question

I'm making a simple tic-tac-toe game but for some reason when trying to create the rules for the game, I can't seem to get anything to work. I have a multidimensional array that has the rules in it but I can't even get one cell to react accordingly. What's wrong with the bottom if statement in my JavaScript pannel? http://jsfiddle.net/Cp4Lu/1/ (This is the if statement I'm referring to)

if (c9.text === 'X') {
alert("You win!");
}

Answer 1

You have a couple problems

Uncaught ReferenceError: c9 is not defined 

• You're using c9 outside of the scope in which it is defined
• The if (c9... isn't inside any event listener , so it only happens the first time when the JavaScript runs initially
• jQuery's text is a function , not a property
• an id in HTML should begin with a letter

Answer 2

Here you go: http://jsfiddle.net/Cp4Lu/4/

I basically put all your code in the $(document).ready and put your conditional within your click event. I believe it now does what you were looking for.

$('td').on('click', function () {
    turnCount += 1;
    setCurrentPlayer();
    $(this).text(currentPlayer);
    console.log(turnCount);
    if (c9.text() === 'X') {
        alert("You win!");
    }
});