javascript - 当页面加载到 div 类时，如何通过 javascript 追加一个类？

Question

我有这样的html代码:

<div class="panel panel-default">
                <div class="panel-heading">
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseUnapprovedUsers" style="text-decoration:none"><center><b>Waiting User List</b></center></a>
                </div>
                <div id="collapseUnapprovedUsers" class="panel-collapse collapse">
                    <div class="panel-body">
                        <div class="col-sm-12">
                            <table class="col-sm-12">
                                <tbody>
                                <tr id="filter_global1">
                                    <div class="col-sm-12">
                                        <td class="col-sm-6"> <b> Use Smart Search :</b>
                                            <input type="checkbox" class="global_filter1" id="global_smart1">
                                        </td>
                                        <td align="right" class="col-sm-6"> <b> Search :</b>
                                            <input type="text" class="global_filter1" id="global_filter1">
                                        </td>
                                    </div>
                                </tr>
                                <tr>
                                    <td>&nbsp;</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>

                        <div class="col-sm-12">
                            <div class="table-responsive">
                                <table id="unapprovedUserDetails" class="table table-striped table-bordered table-hover text-center">
                                    <thead>
                                    <th><b><center>Full Name</center></b></th>
                                    <th><b><center>Username</center></b></th>
                                    <th><b><center>Password</center></b></th>
                                    <th><b><center>Email</center></b></th>
                                    <th><b><center>Contact No</center></b></th>
                                    <th><b><center>Role</center></b></th>
                                    <th><b><center></center></b></th>
                                    <th><b><center></center></b></th>
                                    </thead>
                                    <tbody></tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

和这样的 JavaScript 函数..

$(document).ready(function() {

        if(@jsonData.length != 5)
        {
            json = (@Html(jsonData));
            for(i=0; i<json.users.length; i++)
            {
                $('#approvedUserDetails tbody').append("<tr><td>" + json.users[i].fullName + "</td><td>" + json.users[i].userName + "</a></td><td>" + json.users[i].userPassword + "</td><td>" + json.users[i].userEmail + "</td><td>" + json.users[i].userContact + "</td><td>" + json.users[i].userRole + "</td><td><a href='/deleteApprovedUser/" + json.users[i].userName + " ' onclick='temp();return '  class='btn btn-outline btn-primary btn-xs' style='margin:0px;text-decoration:none'>" + "Delete" + "</a></td></tr>");
            }

我需要在<div id="collapseApprovedUsers" class="panel-collapse collapse">中再添加一个类当用户单击我通过 javascript 创建的“删除”按钮时...我要添加的类名是“in”

我该怎么做？？？

Answer 1

$('#collapseApprovedUsers').addClass('in');

只需使用Jquery中的addClass即可。