javascript - 切换后重置div值

所以我要在两个div之间切换，以显示此代码块在井字游戏中的轮到谁

function whosTurn() {
    container.addEventListener('click', () => {
        firstturn.style.display = (
            firstturn.style.display == "none" ? "block" : "none");
        secondturn.style.display = (
            secondturn.style.display == "none" ? "block" : "none");
    })
}
whosTurn()

我想出了一个方法来重置div以在单击重置按钮时显示#firstturn

function resetDiv() {
    reset.addEventListener("click", () => {
        $(document).ready(function () {
            if ($('#secondturn').length > 0) {
                $('#secondturn').replaceWith($('#firstturn'));
            }
        })

    })
}
resetDiv()

但是，当我尝试.replaceWith“ #firstturn”时，这似乎不起作用，但是当我创建一个新的不同的div并将其放在firstturns位置（仅作为测试）时，它确实起作用。

我不确定第一段代码是否会引起这种情况，但是任何帮助将不胜感激！

最佳答案

无需替换，您只需执行显示/隐藏逻辑（先显示，后隐藏）。

但我强烈建议您使用类或数据属性，并使用CSS进行样式设置。让我知道您是否需要帮助。

关于javascript - 切换后重置div值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/58206438/