チェックボタンの値jquery

Question

ボタンに特定のテキストがあるときに要素をクリックすると、特定のテキストを表示させようとしています。最初のif文の同じテキストが現れ続けます。

これはボタンです：

<button class="game-button">Start spel</button> 

これらは、テーブル要素です：

<div id="speelveld"> 
      <table border="0"> 
       <tr> 
        <td><img alt="" title="" src="img/empty.jpg" /></td> 
        <td><img alt="" title="" src="img/empty.jpg" /></td> 
        <td><img alt="" title="" src="img/empty.jpg" /></td> 
       </tr> 
       <tr> 
        <td><img alt="" title="" src="img/empty.jpg" /></td> 
        <td><img alt="" title="" src="img/empty.jpg" /></td> 
        <td><img alt="" title="" src="img/empty.jpg" /></td> 
       </tr> 
       <tr> 
        <td><img alt="" title="" src="img/empty.jpg" /></td> 
        <td><img alt="" title="" src="img/empty.jpg" /></td> 
        <td><img alt="" title="" src="img/empty.jpg" /></td> 
       </tr> 
      </table> 
     </div> 

、これはjavascriptのコードです：

$(".game-button").click(function(){ 
    $(".game-button").html("Reset spel"); 
}); 

if ($(".game-button").val() == "Start spel") { 
    $("#speelveld tr td").click(function() { 
     alert("Je kunt nog niet beginnen"); 
    }); 
} else { 
    $("#speelveld tr td").click(function() { 
     alert("hoi"); 
    }); 
} 

私の質問は：どのように私はできボタンに特定のテキストがあるときに特定の警告を表示させる

Answer 1

決して満たされない条件に基づいてハンドラをtdに設定しています。

テーブルの1つのセルがクリックされるたびに、ボタンの値をチェックするようにハンドラーを変更します。

Answer 2

あなたはifの中にイベントをバインドしています。唯一if内部イベントが

を登録しますので、これは、あなたが何をする必要があるかです：

$("#speelveld tr td").click(function() { 
     if ($(".game-button").html() == "Start spel") { 
     alert("Je kunt nog niet beginnen"); 
     } else {    
     alert("hoi");    
     } 

    });