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

<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);
}
});
});