更改分工背景對應於特定值

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

注：

1. 沒有變化的類名稱爲師。
2. 爲此，建議使用JQuery。
3. 不使用內聯樣式。

其實我在一個項目中實現了一個Jquery壓延。在該日曆中，用戶可以預訂他們的插槽（天）。所以我需要以某種不同的顏色顯示預訂的插槽（天）。但是我們無法在Jquery中編輯默認的類名。所以這個示例代碼，我生成的相關。

請幫我在這，如果有任何有用的答案會很感激..提前

謝謝...

Answer 1

您可以使用PHP給內嵌樣式像你或你一個具體的conditon既然你這麼亞當不同類別

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