반복문의 대한 각각 hover효과를 따로적용하는 방법

<div loop="$list => $val" cond="$list" >
   <a href="삭제링크" cond="$logged_info->is_admin == 'Y'">
   <i class="xi-trash"></i></a>
   <a href="수정링크" cond="$logged_info->is_admin == 'Y'"><i class="xi-brush-point"></i></a>
   <a href="view링크" cond="$config->viewconfig == 'Y'" class="hover-list">
      <span class="list"> 제목제목제목</span>
   </a>
   <span cond="$config->viewconfig != 'Y'" class="hover-list">
      <span class="list"> 제목제목제목</span>
   </span>
   <div class="file-absulute" style="display:none">
      <img src="섬네일주소" alt="제목제목제목" />
   </div>
</div>

이런형태의 반복문에서, class hover-list 값에 마우스를 오버시킬경우 거기에 맞는 섬네일을 띄울려고 합니다. (띄울려는 섬네일div클래스명은 file-absulute (오타보소 최소 손가락 절단각)

이 경우, 여러개의 게시글을 작성하였을경우 모든 이미지가 한꺼번에 나타난다는 문제점이 있습니다.

각각 따로 작성하고 싶은데 가능할까요?

<script>
   jQuery(document).ready(function(){
      jQuery('.hover-list').hover(
         function () {
            jQuery('.file-absulute').css('display', 'block');
         },
         function () {
            jQuery('.file-absulute').css('display', 'none');
         }
      );
   });
</script>

사용한 스크립트입니다.

생각한 방법으로는 기존의 누리고 개발하면서 잠깐 구현상태를 확인하고 봤던 내용인데,

date-srl을 만들고 그 값을 가져와서 매칭시키는 방법도 생각해보고 있습니다.