jQuery动态添加的元素中处理字符串溢出后在指定字符数后添加省略号

"+[jsonData[i].questitle.lenth>40?jsonData[i].questitle.substring(0,40)+"...":jsonData[i].questitle]+"

该代码是写在动态加载元素中的三目运算，直接在加载的时候判断是否超出指定字符数，再决定用哪种形式显示。这里要注意的是“[]”三目运算最外部的这个大括号是不能省也不能用“（）”代替的。

当然，像这种溢出添加省略号的方法还有在jq，js中调用substring方法。但是要注意动态加载的元素和固定存在的元素不同。网上搜索了好多方法，现在的jq.1.7之后的版本动态加载的方法都用on来触发事件，但是我这个情况是在页面加载后就要实现事件的发生，而我又是初学者，对jq没有太多研究，就不知道怎么用on方法在页面加载时就实现事件。如果某天某位大神经过，有好的解决方法，还请留言告知。还有一种简单的单行省略号添加法，就是在css中直接设置，具体语句：white-space:nowrap;(设置一行)overflow:hidden;(溢出的隐藏)text-overflow:ellipsis;(添加省略号)，用css时一定是设置了width的。

转载于:https://www.cnblogs.com/hello-word1/p/4698670.html