Шоу jQuery скрывает класс на парении

Я относительно плохо знаком с JQuery, и я хотел бы иметь возможность показать меню на наведении мыши.

Вот HTML

<td class ="comment_div"> <?php echo("$comment_data['comment']); ?> <br/>  
   <span class="comment_actions"> Approve | Delete | Spam | Edit</span>  
</td>

Тогда JQuery

 $("comment_div").hover(
      function() { $(".comment_actions").show(); },
      function() { $(".comment_actions").hide(); }
 );

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

Спасибо.

11
задан Peter Mortensen 23 November 2019 в 21:58
поделиться

2 ответа

Если я правильно это понимаю, формат должен быть-

$(".comment_div").hover(
  function() { $(this).children(".comment_actions").show(); },
  function() { $(this).children(".comment_actions").hide(); }
);
18
ответ дан 3 December 2019 в 05:58
поделиться

У меня работает что-то вроде этого:

<script>
    $(document).ready(function() {
        $(".container").hover(
            function() { $(this).children('.comment_actions').show(); },
            function() { $(this).children('.comment_actions').hide(); }
        );
    });

</script>

<style>
</style>

<table border="1">
    <tr>
        <td class ="container"><br/>
            asd<span class="comment_actions">Approve | Delete</span>
        </td>
        <td class ="container"><br/>
            asd <span class="comment_actions">Approve | Delete</span>
        </td>
        <td class ="container"><br/>
            asd<span class="comment_actions"> Approve| Delete</span>
        </td>
    </tr>
</table>

Однако проблема, с которой вы столкнетесь, - это действия при наведении курсора на div, у которого есть display: none; установить . Возможно, вы захотите обернуть его чем-то, что чувствительно к мыши, а затем вместо этого отобразить / скрыть дочерние элементы.

2
ответ дан 3 December 2019 в 05:58
поделиться
Другие вопросы по тегам:

Похожие вопросы: