如何从列表中为某些元素添加类

时间:2017-06-23 08:39:48

标签: javascript jquery

我有一个禁止用户列表,它看起来像这样:

banned list

代码:

<div class="panel">
    <div class="inner">

    <h3>{L_UNBAN_TITLE}</h3>
    <p>{L_UNBAN_EXPLAIN}</p>

    <!-- IF S_BANNED_OPTIONS -->
        <fieldset>
        <!-- EVENT mcp_ban_unban_before -->
        <dl>
            <dt><label for="unban">{L_BAN_CELL}{L_COLON}</label></dt>
            <dd><select name="unban[]" id="unban" multiple="multiple" size="5" onchange="if (this.selectedIndex != -1) {display_details(this.options[this.selectedIndex].value);}">{BANNED_OPTIONS}</select></dd>
        </dl>
        <dl>
            <dt>{L_BAN_LENGTH}{L_COLON}</dt>
            <dd><strong id="unbanlength"></strong></dd>
        </dl>
        <dl>
            <dt>{L_BAN_REASON}{L_COLON}</dt>
            <dd><strong id="unbanreason"></strong></dd>
        </dl>
        <dl>
            <dt>{L_BAN_GIVE_REASON}{L_COLON}</dt>
            <dd><strong id="unbangivereason"></strong></dd>
        </dl>
        <!-- EVENT mcp_ban_unban_after -->
        </fieldset>

        </div>
    </div>

所以我需要只为列表中的用户添加带有jQuery的类。

怎么做到这一点?它需要检查禁止列表,然后从列表中向这些用户添加类吗?

问题是我不知道谁将被禁止,我不能设置var

像这样:var $ banned ='bot';

因为我不知道是否被禁止...所以该功能需要检查列表,然后从列表中向用户添加类。

谢谢

1 个答案:

答案 0 :(得分:0)

尝试这样的事情

$(document).ready(function(){
 var banned=document.getElementById('ofbot')
 if ( banned ) {
        $('#ofbot').addClass('banned').removeClass('notBanned');

    } else {
        $('#ofbot').removeClass('notBanned').addClass('banned');
    }
});