호브 효과를 적용하여 각 div의 버튼을 표시하거나 숨기는 방법은 무엇입니까?

Question

$(document).ready(function() { 
    $("#divHeader")) { 
     $(this).hover(function() { 
      $(this).find('#edit').show(); 
      $(this).find('#spandate').removeClass("datetime"); 
      $(this).find('#spandate').addClass("edit"); 
     }, 
     function() { 
      $(this).find('#edit').hide(); 
      $(this).find('#spandate').addClass("datetime"); 
      $(this).find('#spandate').removeClass("edit"); 
     }); 
}); 

내 페이지에는 동일한 이름 ("divHeader")을 가진 3 개의 div가 있지만 처음 div 만 적용하고 다른 2 개는 건너 뜁니다.

ID를 사용하여 모두 신청하는 방법을 알려주십시오.

Answer 1

$(".aClass").hover(function() { 
     $(this).find('#edit').show(); 
     $(this).find('#spandate').removeClass("datetime"); 
     $(this).find('#spandate').addClass("edit"); 
    }, 
    function() { 
     $(this).find('#edit').hide(); 
     $(this).find('#spandate').addClass("datetime"); 
     $(this).find('#spandate').removeClass("edit"); 
}); 

클래스를 만들면 예제에 "aClass"가 표시됩니다. 표시된 이벤트 핸들러는 표시된 div 내의 id가 spandate 인 요소를 찾습니다.