jquery在循环中切换php中的一个div

时间:2013-06-07 20:57:55

标签: php jquery html while-loop

我在我的php代码中有这个while循环,我在一个div中回显行,就像一个按钮,当我按下“按钮”时,我想隐藏/显示连接的div与jQuery函数“toggle”。我只是让它工作,所以当我点击任何“按钮”时,它会打开所有div,而不仅仅是那个已连接的div。

<script>
$(document).ready(function(){
  $(".scorec").click(function(){
    $(".scorematcho").slideToggle('slow');
});
});
</script>

这就是我现在正在使用的jQuery。

<?php $RM = mysql_query("SELECT * FROM score ORDER BY ScoreID DESC LIMIT 3");
while ($ScoreD = mysql_fetch_assoc($RM)) { 
$a = $ScoreD["ScoreOne"]; $b = $ScoreD["ScoreTwo"];?>
<div class="scorec" >
    <?php if($a>$b){;?><font color="green"><?php }else{?><font color="red"><?php }?>
    <div class="scorel"><img src="flags/<?php echo $ScoreD["FlagOne"]; ?>.png" style="float:left;">
    <?php echo $ScoreD["TeamOne"]; ?> | <?php echo $ScoreD["ScoreOne"]; ?></div>
    <div class="scorem">-</div>
    <div class="scorer"><?php echo $ScoreD["ScoreTwo"]; ?> | <?php echo $ScoreD["TeamTwo"]; ?>
    <img src="flags/<?php echo $ScoreD["FlagTwo"]; ?>.png" style="float:right;"></div></font>
</div>
<div class="scorematcho" >
    <div class="scorematch">
    de_dust2 
    16-2
    </div>
    <div class="scorematch">
    de_nuke 
    16-2
    </div>
    <div class="scorematch">
    de_dust 
    16-2
    </div>
</div>
<?PHP } session_destroy()?>

这就是我正在使用的HTML / PHP。 div“scorec”是“按​​钮”,“scorematcho”是我不想切换的div。“scorematcho”里面的文字也应该是PHP,但还没改变。我已经搜索并测试了一些东西,但无法正常工作,我注意到有些人把他们所有的PHP代码放在一个“回声”中,为什么会这样,这可能是问题所在?希望有足够的信息,请告诉我。另外,如果您认为我应该对代码进行其他一些改进,请告诉我们。

1 个答案:

答案 0 :(得分:5)

我添加了这个jsfiddle希望它有帮助!! http://jsfiddle.net/H77yf/

$(".scorec").click(function(){
    $(this).next().slideToggle('slow');
});