layui点击table表格的每一格时显示相应的内容

   $(document).on('click','.layui-table-cell',function(){
         // $("p").css({"background-color":"blue","font-size":"14px"});
        var x=$(this).offset(),
            left=x.left,
            top=x.top;
         var w=$(this).width(),
             h=$(this).height();
         $('.hoverDiv').css({
             "width":w,
             "left":left+"px",
             "top":top+h+'px',
             "display":'block',
             "background":'pink',
         }).slideDown();
     })