在一个表格里,超过一定宽度字符串进行截取显示点点,鼠标移上去显示全

    <table  style="100%" >
                            <tr>
                                <th  style="30%">相关通用药物分类</th>
                                <th  style="35%">用药目的(非交集用颜色区分)</th>
                                <th  style="15%">交集类别</th>
                                 <th  style="15%">操作</th>
                            </tr>
                          <tr>
                              <td field="name"><div class="z_cutout">xxxxxxxxxxxxxxxxxxxxxsssxxxxxxxxxxxxxxxxxxxxssssssssssss</div></td>
                              <td field="jindu">xxx</td>                          
                              <td field="time">包含</td>
                              <td field="opear">
                                 <a href="#" class="z_a">删除关联</a>
                              </td>
                          </tr>
                          <tr>
                              <td field="name"><div class="z_cutout">xxxxxxxxxxxxxxxxxxxxxsssxxxxxxxxxxxxxxxxxxxxssssssssssss</div></td>
                              <td field="jindu">xxx</td>                          
                              <td field="time">包含</td>
                              <td field="opear">
                                 <a href="#" class="z_a">删除关联</a>
                              </td>
                          </tr>

</table>

$(function(){
            $(".z_cutout").each(function(i) {
                if($(this).text().length>10){
                    $(this).attr("title",$(this).text());
                    var text = $(this).text().substring(0,10)+"...";
                    $(this).text(text);
                }
            });
            
            $(".z_cutout").mouseenter(function()
                { //鼠标移入
                    var title  = $(this).attr("title");
                    $(this).text(title);
                }).mouseleave(function()
                { //鼠标移出
                    if($(this).text().length>10){
                    var text = $(this).text().substring(0,10)+"...";
                    $(this).text(text);
                   }
                });
        });

原文地址:https://www.cnblogs.com/jsingleegg/p/5029265.html