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 包含在您页面的头部。