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

p标签字数控制与鼠标划过显示

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

原创最新推荐文章于 2022-11-19 15:37:23 发布 · 877 阅读

0 ·

CC 4.0 BY-SA版权

javascript 同时被 3 个专栏收录

9 篇文章

订阅专栏

html

4 篇文章

订阅专栏

css

3 篇文章

订阅专栏

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

			//字数显示问题当字体
			$('#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) + '...');
   }
});