为什么我的jQuery函数没有按要求改变我的类?

时间:2013-02-16 23:12:07

标签: php javascript jquery html css

这是我的脚本,我通过在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-guessincorrect-guess都有特定的属性。当我在我的代码中手动更改它时它看起来应该是这样,但是当用户猜错时,这并没有改变div的外观,这就是应该做的。

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

1 个答案:

答案 0 :(得分:3)

您需要在代码周围添加$(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被包含在您的页面中。