Javascript 如何使用同一类的多个ul的每个li

我有多个ul和不同的数据属性（数据状态），如果数据状态等于数据步骤，那么它将添加类名“half”-1。li的类名为“active”，其余的类名为“complete”，但如果数据步骤等于data status，则会添加类名“finish”，其余的li的类名为“complete”

aa
bb
cc
ee


aa
bb
cc
dd
我不能完全肯定我理解你想问什么

我假设您正在寻找一个函数，该函数将根据变量dataStatus的值返回一个字符串（用于类名），该字符串是（“”、“complete”、“half”、“finish”）之一

如果是这种情况，那么您的ul可能看起来像这样：

            <ul className="progressbar" data-status={dataStatus}>
                <li data-step="1" class={getClassName(1, dataStatus)} >aa</li>
                <li data-step="2" class={getClassName(2, dataStatus)} >bb</li>
                <li data-step="3" class={getClassName(3, dataStatus)} >cc</li>
                <li data-step="4" class={getClassName(4, dataStatus)} >dd</li>
                <li data-step="5" class={getClassName(5, dataStatus)} >ee</li>
            </ul>

    const getClassName = (dataStep, dataStatus) => dataStatus > dataStep ? '' : dataStatus === dataStep ? dataStatus === '5' ? 'finish' : 'half' : 'complete'

但我真的不知道你在问什么

    const getClassName = (dataStep, dataStatus) => dataStatus > dataStep ? '' : dataStatus === dataStep ? dataStatus === '5' ? 'finish' : 'half' : 'complete'