Question

我在laravel做项目。我有一个变量$ emails_unread_count，它存储未读的未读电子邮件。我想在刀片文件中添加新类到这个div数，这样我就可以只为未读的电子邮件添加css而不是只读一次。我的刀片文件看起来像，

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>

我想将名为'unread'的新类添加到“panel-heading”div中。此类应应用于未读的电子邮件数。请提出建议。

Answer 1

使用.addClass（）。这是documentation

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

Answer 2

要在javascript使用中更改元素的类：

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

向元素添加其他类：

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

Answer 3

document.getElementById（＆＃34; myDIV＆＃34;）。className =＆＃34; mystyle＆＃34;;

Answer 4

我愿意

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

注意：

确保您在文档就绪中这样做

{{1}}

或任何适当的点击或某些更改功能

如何使用javascript

4 个答案: