如何使用javascript將類設置爲div標記

我正在做laravel中的項目。我有一個變量$ emails_unread_count，它存儲了隨機的未讀電子郵件。我想在刀片文件中添加新的類到這個div的數量，這樣我就可以只爲未讀電子郵件添加css，而不是隻讀一次。我的刀片文件看起來像，如何使用javascript將類設置爲div標記

display.blade.php

 <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> 
      @foreach($data as $from) 
       <div class="panel panel-default"> 
        <div class="panel-heading" role="tab" id="heading{{$from->id}}"> 
         <h4 class="panel-title"> 
          <a role="button" data-toggle="collapse" data-parent="#accordion" href="#{{'collapse' . $from->id}}" aria-expanded="true" aria-controls="{{'collapse' . $from->id}}"> 
           {{$from->from}} 
          </a> 
         </h4> 
        </div> 
        <div id="{{'collapse' . $from->id}}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading{{$from->id}}"> 
         <div class="panel-body"> 
          {{$from->body}} 
         </div> 
        </div> 
       </div> 
      @endforeach 
     </div>

我想命名爲「未讀」的新類添加到「面板標題」股利。這個類應該適用於未讀的電子郵件數量。請提出建議。

來源

2015-12-08 Shweta

如果你可以使用jQuery，那麼繼續@ monace19 ans因爲這是最簡單的。否則Nero的答案，因爲它是純粹的javascript –

@Shweta你從數據庫中獲得未讀狀態？（例如$ from-> unread）或類似的東西？ – Franco

不能！我仍然有這個問題，我做了一些試驗和錯誤，但是，它不工作 – Shweta

要更改類的元素在JavaScript中使用：

document.getElementById("MyElement").className = "MyClass";

要將其他類添加到一個元素：

document.getElementById("MyElement").className += " MyClass";

來源

2015-12-08 07:35:14 Nero

我必須爲未讀電子郵件添加類，並且未讀電子郵件的數量存儲在var'$ emails_unread_count'中。我如何與他們聯繫？ – Shweta

你必須檢查郵件是否被讀取或不在每個循環 – Nero

其實，我添加電子郵件到我的數據庫，然後顯示它。我只將未讀郵件號存儲到變量中。所以，存儲在var'$ emails_unread_count'中的數字可以幫助我？ – Shweta

使用.addClass（）。這裏是documentation

$("div.panel-heading").addClass("unread");

來源

2015-12-08 07:32:37 momouu

我必須爲未讀電子郵件添加類，並且未讀電子郵件的數量存儲在var'$ emails_unread_count'中。我如何與他們聯繫？ – Shweta

你可以在你的foreach中添加一個條件。這樣你就可以分開那些未讀和未讀的電子郵件。 – momouu

的document.getElementById（「myDIV 「）.className =」mystyle「;

來源

2015-12-08 07:45:58

我會做

$('div.panel-heading').addClass('unread').removeClass('ifyouneedany');

注：

請確保您在文件做這個準備這樣

$(document).ready(function() { 
    //your code here 
    });

或以任何適當的點擊或一些變化功能

來源

2015-12-10 08:54:51

如何使用javascript將類設置爲div標記

回答

相關問題