Question

这是我的代码，

<style type="text/css">
    .sample 
    {
        background:yellow;
        width:50%;
        border:1px solid #000;
        padding:5px;
        margin:2px;
        color:#fff;
        margin: 5px auto 0;
    }
</style>
<?php 
    for($i=0;$i<=5;$i++)
    {
        if($i == "2") { ?>
            <style type="text/css">
                .sample 
                {
                    background:red;
                    width:50%;
                    border:1px solid #000;
                    padding:5px;
                    margin:2px;
                    color:#fff;
                    margin: 5px auto 0;
                }
            </style>
        <?php } ?>
        <div class="sample">
            <?php echo $i; ?> Sample Testing
        </div>
<?php } ?>

在上面的for循环中，当增量值为( sample )时，我必须将除法($i) is "2"背景颜色更改为红色。

注意：

不更改分部的班级名称。
建议使用JQuery。
不要使用内联样式。

实际上我已经在其中一个项目中实现了一个Jquery日历。在该日历中，用户可以预订他们的插槽（天）。所以我需要以不同的颜色显示预订的插槽（天）。但我们无法在Jquery中编辑该默认类名。所以我生成的示例代码与之相关。

请帮助我，如果有任何有用的答案真的很感激..

提前致谢...

Answer 1

你可以使用php为你的特定条件提供内联样式，或者你可以在不同的类之间切换

1）使用php

<?php 
    for($i=0;$i<=5;$i++)
    {
        ?>
        <div class="sample" <?php if($i == 2){ echo "style='background:red;'"}?>>
            <?php echo $i; ?> Sample Testing
        </div>
<?php } ?>

既然你对使用jquery如此坚定，你也可以尝试这种方式

2）使用jquery

$(document).ready(function(){
   $("div.sample:nth-child(2)").css('background', 'red');

});

选中此DEMO

在FOR循环中更改特定值的除法背景

1 个答案: