jquery处理列表中某字段过长的问题，先截取然后当鼠标移动到该单元格时显示全部的内容?

Posted 2023-05-04

主要是不会单鼠标移动到某单元格时如何是显示的内容在鼠标旁边

jquery ui 有一个tooltip 控件，你只要把它应用到你的table上就行了
http://jqueryui.com/tooltip/#custom-style
例如：
$( 'table').tooltip();<table><tr><td title="全部的内容">截断的内容</td></tr></table>追问

你的这个在表格上设置title属性貌似没有效果哦！！

追答

我在IE下试过，是可以的，
html标准的tooltip是不能自定义样式的，而且仅能悬停一会儿，就消失了。你可以参考我给你的链接里用jquery ui的tooltip控件。

追问

经验证，这种方法确实可行。。。 学习了

参考技术A $(document).ready(function()
$(".txt").width="需要的宽度";
$(".txt").overflow=hidden;
$(".txt").hover(function()
$(".txt").width="";

,function()
$(".txt").width="需要的宽度";

)

)
把这段JQuery代码放进去应该就没问题了追问

亲，这样做页面还是不够美观，不是我所提的问题的答案。

截取js数组中某段值（slice）

// var a = [1,2,3];

// console.log(a.slice(1)); >>[2, 3]

    从索引1开始截取。

// console.log(a.slice(1,2)); >>[2]

    从索引1可以截取到索引2之间的值
    
// console.log(a.slice(0,2)); >>[1,2]

    从索引0开始截取到索引2之间的值

// console.log(a.slice(-1)); >>[3]

    从末尾-1索引截取一个值

// console.log(a.slice(0,-1)); >>[1,2]
    从索引0开始截取到末尾索引-1的值