控制字数的多少，超出部分隐藏，当鼠标划过的时候显示，给p标签加一个自定义属性，当他鼠标划过的时候获取这个属性里面的值

最新推荐文章于 2022-11-19 15:37:23 发布

xiaoerlang715

最新推荐文章于 2022-11-19 15:37:23 发布

阅读量860

点赞数

CC 4.0 BY-SA版权

分类专栏： html css javascript

本文链接：https://blog.youkuaiyun.com/xiaoerlang715/article/details/89921188

javascript 同时被 3 个专栏收录

9 篇文章

订阅专栏

html

4 篇文章

订阅专栏

css

3 篇文章

订阅专栏

博客介绍了对p标签进行字数控制，超出部分隐藏，当鼠标划过显示的操作。还提到给p标签添加自定义属性，鼠标划过时获取该属性值，属于前端开发相关内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

			//字数显示问题当字体
			$('#content tr td:nth-child(7n)').each(function(index, el) {
				$(this).hover(
					function(){
				   var aa=$(this).attr('title');	
				   $(this).html(aa);
				},
				function(){
					  var text = $(this).text();
   var len = text.length;
   $(this).attr('title',$(this).text());
   var num=30;
   if(len > num){
    $(this).html(text.substring(0,num) + '...');
   }
				}
				)

  	   var text = $(this).text();
   var len = text.length;
   $(this).attr('title',$(this).text());//将所有的文字放到p设定的title属性里面
   var num=30;
   if(len > num){
    $(this).html(text.substring(0,num) + '...');
   }
});