mouseover에서 삭제 버튼을 표시하고 삭제 후 li 또는 div를 제거

Question

PHP 코드에서 일부 영어 단어가 데이터베이스 (포스트 그레스)에서 채워지고 li에 입력됩니다. 내가 필요로하는 것은 각 li에로드 중에 숨겨진 삭제 버튼이 있어야한다는 것입니다. 마우스를 가져 가면 해당 이미지가 표시됩니다.

그런 다음 ajax를 사용하여 데이터베이스 측에서 삭제 작업이 수행되고 li가 제거됩니다 (이미 코딩 한대로 문제가 없습니다).

비록 내가이 link하지만 버튼 클릭 이벤트 대신 전체 리튬 블록에 대한 해고입니다. 나는 나중에 편집, 스팸 같은 더 많은 버튼을 추가 할 것이기 때문에 나는 이것을 원하지 않아.

작성한 댓글에 마우스를 가져 가면 삭제 아이콘이 stackoverflow에 나타납니다.

Answer 1

jQuery로 하루를 절약 할 수 있습니다.

<li>words <img src="delete.jpg" style="display:none;"/></li> 

$('li').mouseover(function(event) 
{ 
    $(this).find('img').show(); 
}); 

$('li').mouseout(function(event) 
{ 
    $(this).find('img').hide(); 
});