java - 如何使用 ceratin Javascript 逻辑更新 JSP 页面 html 元素？

Question

我有一个名为 root.jsp 的 JSP 页面，因为我有一个页脚标签，它取代了某些文本(来自 java 端的属性文件)。页脚标签本身是根据登录到站点的某些 Angular 色使用脚本显示的。 root.jsp有global.js这里包含的文件是代码片段

**root.jsp**   
 <%if(role.equals("Learner")){%>
        <footer>
            <p id ="par1">${userAccessMsg}.</p>
            <p id ="par2">${userNoFolderAccessMsg}.</p>
        </footer>
        <%} %>

我只需要显示一个 <p>通过检查变量 folders 来标记是否为空。

 **global.js**
    var folders = getConfigLinkedFolders();
    function getConfigLinkedFolders {
       return arrayList; /*["defssfsf","hrhrhhr"] */
}

我应该怎么做？

Answer 1

在 DOM 就绪处理程序中有一个方法，您可以在其中向相关元素添加一个类。

$(document).ready(function() {
     var folders = getConfigLinkedFolders();

     if(folders && folders.length > 0) {
          $('#par2').addClass('hide');
     } else {
          $('#par1').addClass('hide');
     }
});

function getConfigLinkedFolders {
    return arrayList; /*["defssfsf","hrhrhhr"] */
}  

然后在您的 CSS 文件中定义类 hide

.hide {
    display : none;
}