Использование селектора jQuery и каждого

Question

Я пытаюсь усечь строку до определенной ширины пикселя. best способ, которым я обнаружил, - это использовать селектор jQuery и, возможно, использовать каждый из результатов. Моя попытка: http://jsbin.com/umawi/edit. Я не сделал много jQuery вообще, и любая помощь приветствуется.

Благодаря

Edit: мне нужно сделать это для встроенных элементов, а не блокировать элементы.

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> 

, потому что в противном случае вам не получат желаемых результатов.