-1

这是我的代码，

<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"。

笔记：

  1. 无需更改分区的类名。
  2. 为此推荐使用 JQuery。
  3. 不要使用内联样式。

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

请帮助我，如果有任何有用的答案将不胜感激..

提前致谢...

4

1 回答 1

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');

});

检查此演示

于 2013-01-09T05:03:26.277 回答