使用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> 

，否則你不會得到理想的結果。