使用jQuery选择器和每个

Question

我正在尝试将字符串截断为某个像素宽度。我发现的最佳方式是使用jQuery的选择器，并可能在结果上使用每个选择器。我的尝试是http://jsbin.com/umawi/edit。我根本没有做过很多jQuery，感谢任何帮助。

由于

编辑：我需要为内联元素而不是块元素执行此操作。

Answer 1

你不需要jquery。

<div class="truncate">Truncate some test</div>

使用：

div.truncate { width: 100px; white-space: nowrap; overflow: hidden; }

只是一个简单的例子。你甚至可以添加：

text-overflow: ellipsis;

但是support is limited。

值得注意的是，这只适用于块显示元素，而不是内联而不是表格单元格，所以如果这是在表格中你需要做的：

<td><div>...</div></td>

因为否则你将无法获得理想的结果。