Question

<ul id="minorSelectBoxItOptions" class="selectboxit-options selectboxit-list" tabindex="-1" role="listbox" aria-hidden="true" style="min-width: 1350px; max-height: 139px; top: auto; display: none;">
    <li data-id="0" data-val="Status" data-disabled="false" class="selectboxit-option  selectboxit-option-first selectboxit-selected" role="option">
        <a class="selectboxit-option-anchor">
            <span class="selectboxit-option-icon-container">
                <i class="selectboxit-option-icon  selectboxit-container"></i>
            </span>Status123</a>
    </li>
    <li data-id="1" data-val="Status" data-disabled="false" class="selectboxit-option" role="option">
        <a class="selectboxit-option-anchor">
            <span class="selectboxit-option-icon-container">
                <i class="selectboxit-option-icon  selectboxit-container"></i>
            </span>Status456</a>
    </li>
    <li data-id="2" data-val="Individual" data-disabled="false" class="selectboxit-option selectboxit-focus" role="option" data-active="">
        <a class="selectboxit-option-anchor">
            <span class="selectboxit-option-icon-container">
                <i class="selectboxit-option-icon  selectboxit-container"></i>
            </span>Individual</a>
    </li>
    <li data-id="3" data-val="Minor" data-disabled="false" class="selectboxit-option  selectboxit-option-last" role="option">
        <a class="selectboxit-option-anchor">
            <span class="selectboxit-option-icon-container">
                <i class="selectboxit-option-icon  selectboxit-container"></i>
            </span>Minor</a>
    </li>
</ul>

这是我的ul代码。在这里，我必须从JavaScript中选择li值。

假设我有次要的，那么通过JavaScript，我必须选择ui-li作为次要，我必须将dataactive属性添加到次要li，并且我必须将class值添加到该次要li。

Answer 1

尝试

$('li[data-val=Minor]').attr('dataactive',1).addClass('yourClass');

如何使用jQuery设置ul / li属性

1 个答案: