Есть такой фрагмент кода: HTML: <a href="#comment-10"> <i class="fa fa-reply fa-rotate-180" aria-hidden="true"></i> <span class="parent" style="display: inline;">to Parent ...</span> </a> Таких фрагментов у меня на странице много - это комменты. При ховере на иконку .fa-reply мне нужно отобразить текст внутри span. Написал такой скрипт: Код (Javascript): <script> $(".fa-reply").hover(function(){ $(".parent").show(); }); </script> Но этим скриптом отображаются тексты span на всех комментах сразу, а мне нужно показать только текущий span. Я могу раздать всем тегам span разные id, но как тогда правильно джаваскрипту передать id, которого я заранее не знаю? Или может можно как-то сказать скрипту отображать дочерний элемент относительно того, на котором был ховер?
Код (Javascript): $('.fa-reply').on('mouseenter', function(){ $(this).siblings('.parent').show(); }); // или $('.fa-reply').on('mouseenter', function(){ $(this).next('.parent').show(); }); --- Добавлено --- Кстати, если нужно прятать элемент после при отведении курсора, то можно и без JS обойтись. Код (CSS): .parent { display: none; } .fa-reply:hover + .parent { display: inline; }