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