php - 为什么我的 jQuery 函数没有按要求更改我的类？

Question

这是我的脚本，我通过在 PHP 中回显它在某个时间点运行它：

echo "<script>$('.incorrect-guesses div:nth-child(2)').removeClass('empty-guess').addClass('incorrect-guess').text('2');</script>";

我最终会让它适用于特定的 div，但现在我希望它适用于第一个（它是其父元素的第二个 (:nth-child(2)) 元素），但它不会这样做。它被应用于这个 HTML：

            <div class="incorrect-guesses">
                <h4>Incorrect Guesses</h4>
                <?php
                    for ($i = 0; $i < 6; $i++) {
                        echo "<div class='empty-guess'></div>\n";
                    }
                ?>
            </div>

每个类，都有特定的empty-guess属性incorrect-guess。当我在我的代码中手动更改它时，它看起来应该是这样，但是当用户猜错时，这并没有改变 div 的外观，这是它应该做的。

为什么会这样？如果需要，我可以提供更多代码。

Answer 1

您需要放置$(document).ready(function(){您的代码：

echo "<script type="text/javascript">$(document).ready(function(){ $('.incorrect-guesses div:nth-child(2)').removeClass('empty-guess').addClass('incorrect-guess').text('2'); });</script>";

还要确保 jQuery 包含在您的页面的头部。