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

    <table  style="width:100%" >
                            <tr>
                                <th  style="width:30%">相关通用药物分类</th>
                                <th  style="width:35%">用药目的（非交集用颜色区分）</th>
                                <th  style="width:15%">交集类别</th>
                                 <th  style="width: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