悬停图像时如何使删除选项出现？

Question

我想让删除选项在图片出现时出现 hover.i 不知道该怎么做 it.so 大家帮帮我？我的看法是这样的:

<?php include('inc/header.php');?>

    <div class="main">



        <?php
            foreach ($view as $row) {
                echo "<div class='grow'>";
                echo "<img src='".base_url()."images/".$row->image."' >";
                echo "</div>";  
                }//end for each

        ?>




    </div>
<?php include('inc/footer.php');?>

我的图片已经悬停了，但不知道如何在图片中嵌入删除选项。

Answer 1

增删div-

<?php include('inc/header.php');?>

        <div class="main">



            <?php
                foreach ($view as $row) {
                    echo "<div class='grow'>";
                    echo "<div class='delete'><a href='#'>delete</a></div>";
                    echo "<img src='".base_url()."images/".$row->image."' >";
                    echo "</div>";  
                    }//end for each

            ?>




        </div>
    <?php include('inc/footer.php');?>

然后在脚本中写一段代码 show/hide delete div -

$('.grow').hover(function () {
                      $(this).find('.delete').show();
                   }, 

                   function () {
                      $(this).find('.delete').hide();
                   })

悬停图像时如何使删除选项出现？

How make delete option appear when hover the image?

javascript

jquery

css

codeigniter-3