这是我的脚本,我通过在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的外观,这就是应该做的。
为什么会这样?如果需要,我可以提供更多代码。
答案 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被包含在您的页面中。