css 类仅每隔一行应用一次

Question

这里是初级开发问题，有点复杂。我正在研究一个系统的任务管理部分，它从数据库中获取所有任务并将它们显示在行中。我正在使用一个显示/隐藏切换 js 函数:

function NewShowHideDiv(id, disabled) {
    var x = document.getElementById(id);
    $(eval(x)).slideToggle("slow", function() {
});
    return null;
}

处理 div 的切换。有一个单独的函数，该函数处理您单击以展开 div 的图标

Function ShowHideIcon(divID, Disabled, iconID, icon, iconClass)
    ShowHideIcon = "<i class=""" & iconClass & """ id=""" & iconID & """ onClick=""NewShowHideDiv('" & divID & "', '" & Disabled & "');return false;"">" & icon & "</i>"
End Function

点击时应用的类应该是

i.btnRotate.clicked {
   color:  #009FFF;
   font-family: FontAwesome;
    transform: rotate(540deg) scale(1.3);
}

但它没有正确应用 .clicked 类。它每隔一行跳过它。例如，如果有 3 行，则只有第一行和第三行会正确转换。希望这是有道理的。我很难过。有什么想法吗？

Answer 1

像这样(如下)尝试 [调试器；] 然后确保浏览器控制台中的 iconClass 变量 = "btnRotate.clicked"

    Function ShowHideIcon(divID, Disabled, iconID, icon, iconClass)
        debugger;
        ShowHideIcon = "<i class=""" & iconClass & """ id=""" & iconID & """ onClick=""NewShowHideDiv('" & divID & "', '" & Disabled & "');return false;"">" & icon & "</i>"
    End Function

也许我认为这是一个 javascript/ID 问题。 Javascript 期望每页只有 1 个 id。如果您的 html 在每一行中都有相同的 id，则不允许这样做，javascript 将跳过它。一个解决方案可能是使用 foreach，或者只是类，但我必须查看一些 html 才能确定。