Как обновить элемент html страницы JSP, используя логику JavaScript Javascript?

Question

У меня есть страница JSP под названием root.jsp, в которой у меня есть тег нижнего колонтитула, который вытесняет определенный текст (который поступает из файла свойств с конца java). Сам тег нижнего колонтитула отображается с помощью скриптов на основе определенных ролей, которые вошли на сайт. 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; 
}