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

 在前端循环中使用鼠标悬停事件

<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=" 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 %}