javascript - 检查按钮值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 上设置处理程序。

修改您的处理程序，以便在每次单击表格的一个单元格时检查按钮的值。

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

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