Показать кнопку удаления при наведении курсора и после удаления удалить li или div

Question

В php-коде некоторые английские слова пополняются из базы данных (postgres) и помещаются в li.Что мне нужно, так это то, что у каждого пользователя должна быть кнопка удаления, которая скрыта во время загрузки.Когда мышь находится при наведении курсора, это изображение должно быть видимым.

После этого операция удаления будет выполняться на стороне базы данных с использованием ajax, и этот li будет удален (никаких проблем с этим, как я уже написал).

Я пропустил эту ссылку , но вместо всего события нажатия кнопки запускается весь блок li. Я не хочу этого, потому что в будущем я добавлю больше кнопок, таких как редактирование, спам, как это.

То же самое можно увидеть, когда вы наводите курсор на комментарий, который вы сделали, и значок стека появится в 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();
});