<div class="message-widget contact-widget">

       <!-- Message -->

       {% for li in row.model.all %}

       <a class="mose" href="#">

           <input type="text" style="display: none" value="{{ row.id }}"/>

           <div class="mail-contnet" style="width: 148px;height: 43px; ">

                  <div class="delebt" style="display: none; position: absolute">

                         <button type="button"></button>

                  </div>

                  <h5>型号</h5> <span class="mail-desc" overflow="visible">{{ li.model }}</span>

           </div>

        </a>

        {% endfor %}

        <!-- Message

        <a href="#">

             <div class="mail-contnet" >

                    <h5>Sonu Nigam</h5> <span class="mail-desc">pamela1987@gmail.com</span></div>

        </a>-->

 </div>

 {% block js %}

     <script src="../static/plugins/jquery/jquery.min.js"></script>

     <script>

         //在循环中使用鼠标悬停时表示当前悬停选中,传入this关键字即可

         $(".mose").mouseenter(function () {

                $(".delebt",this).css("display","block");

             })

         $(".mose").mouseleave(function () {

                $(".delebt",this).css("display","none");

             })

     </script>

 {% endblock %}