<li></li>中的多余文字隐藏，当鼠标悬停上去后以tip形式显示完整的内容，用jquery或者js实现？

发布网友发布时间：2022-04-25 13:50

共2个回答

热心网友时间：2022-04-25 15:19

<li id="id">
这里面的内容你可以使用jstl函数标签进行判断然后截取要现实的部分
紧接着就是定一个<input type="hidden" id="hidden_id" value="存放全部内容"/>

肯定是保证 input > id == li > 'hidden_' + id
<li/>
$('#id').mouseover(function(){
var id = $(this).attr('id');
var hiddenId = 'hidden_' + id;
$(this).attr('title',$('#'+hiddenId).val());
});

鼠标移出会自动隐藏

热心网友时间：2022-04-25 16:37

楼下的是一个方法，但是这样又用js又用jquery的，如果文章多，遍历一次耗费内存和时间是比较多的。

<a href="#" title="文字内容123">文字内容1....</a>

用系统自带的比较好

&lt;li&gt;&lt;&#47;li&gt;中的多余文字隐藏，当鼠标悬停上去后以tip形式显示完整的内容，用jquery或者js实现？

<li></li>中的多余文字隐藏，当鼠标悬停上去后以tip形式显示完整的内容，用jquery或者js实现？