使用jQuery截断字符串的最简单方法

我有一个页面，目前正在利用一个用于根据提供的宽度截断文本字符串的。当字符串被截断并以“…”结尾时，整个字符串被放置在元素的标题内

通常情况下，它工作得很好，但是，我注意到一个页面有太多字符串，接近100个，我的页面开始崩溃，抱怨脚本停止响应

有没有更简单的截断方法？我可以使用近似宽度，或者切换到字符计数

如果只需要几行代码就可以完成，我会很高兴的

---

像这样的事情可以做到吗？

它们被称为省略号。我建议你使用css而不是JavaScript

像这样的

.ellipsis {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    -moz-binding:url('ellipsis.xml');
}

其中

ellipsis.xml

包含

<?xml version="1.0"?>
<bindings 
  xmlns="http://www.mozilla.org/xbl"
  xmlns:xbl="http://www.mozilla.org/xbl"
  xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
     <binding id="ellipsis">
        <content>
           <xul:window>
              <xul:description crop="end" xbl:inherits="value=xbl:text"><children/></xul:description>
           </xul:window>
        </content>
     </binding>
</bindings>

对于FF（4到7）等不支持省略号的浏览器，也有一些解决方法可以实现这一点

---

您可以查看FF解决方案的此链接，但这将为所有字符串添加省略号，对吗？我的某些字符串比分配的空间短。它将根据应用它的容器的宽度应用。如果字符串足够短，可以放进去，那么它就不会显示省略号。我在类中看不到宽度。我应该在哪里指定它？有什么例子我可以看一下吗？@santa-看看这个链接。如果有宽度限制的话，它会在一个字母中间被切掉吗？