Навигация по щелчку мыши и изменение цвета при наведении мыши на div с помощью jquery

Question

<c:forEach items="${pagedListHolder.pageList}" var="user">
                    <div class="dataName" id="userlist" onclick="DoNav('${pageContext.request.contextPath}/secure/user/${user.id}');" >
                        <div class="dataName1">${user.name}</div>
                        <div class="dataName2">${user.email}</div>
                        <div class="dataName3">${user.id}</div>
                    </div>
                </c:forEach>

Я определил выше div, теперь я хочу, чтобы, когда пользователь нажимает на любой из div, он / она переходил на новую страницу, которая является динамической (на основе идентификатора пользователя), и также изменял цвет divНаведите курсор мыши, используя jquery.Как я могу это сделать, пожалуйста, предложите Спасибо Роми

Answer 1

Как правило, у вас есть имя класса для div как - dataName Так что вам просто нужно прикрепить к нему два события -

$('.dataName').hover(function(){
   // Code to have change css of the div. which will give hover effect.
})

и для события клика -

$('.dataName').click(function(event){
  event.preventDefault();
  window.location = this.attr('data-url')
})

пока вы сохраняете URL для перенаправления в этот div с атрибутом data-url как -

 <div class='dataName' data-url='createUrlHere'></div>