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

Question

我有一个名为root.jsp 的JSP 页面，因为我有一个替换某些文本的页脚标记（来自java 端的属性文件）。页脚标签本身使用基于登录到站点的某些角色的脚本显示。 root.jsp 有 global.js 这里包含的文件是代码 sn -p

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

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

 **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;
}