-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. インライン スタイルを使用しないでください。

実際、プロジェクトの 1 つで 1 つの 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 に答える