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

Question

I have a JSP page called root.jsp , in that i have a footer tag which displaces certain text( that is coming from a properties file from java end). The footer tag itself is displayed using scriplets based on certain roles that is logged in to the Site. root.jsp has global.js file included here is the code snippet

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

I need to display only one <p> tag by checking if the variable folders is empty or not .

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

How should i do this?

Answer 1

Have a method in the DOM ready handler where in you can add a class to the element in question.

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

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

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

And in your CSS file define the class hide

.hide {
    display : none;
}