jquery 또는 javascript : 표 셀의 텍스트 잘림

Question

javascript 또는 jQuery를 사용하여 표의 첫 번째 열에있는 텍스트를 잘라야합니다. 성공없이 다음과 같은 물건을 시도

<table id="bigTable"> 
    <tr><td>Text is tooooo looong</td><td>Just Right</td></tr> 
    <tr><td>Text is tooooo looong</td><td>Just Right</td></tr> 
    <tr><td>Text is tooooo looong</td><td>Just Right</td></tr> 
</table> 

가 (다른 유사한 게시물에서 컴파일) :

표 : 내가 어디에 있어요 여기

var lbl = $("#bigTable tbody"); 
var newLbl = $(lbl[0].outerHTML); 
$('td:eq(0)', newLbl).slice(5); 

그것은 점점하지 않는 것

내용 또는 텍스트를 셀에서 가져올 수 있습니다. 어떤 영향도 미치지 않습니다. 나도 애썼다 -

내가 뭘 잘못하고 있니?

편집

이상이 일반 심술 네스 - 투표 아래로 발생하기 전에 ... 나는 다른 창/DIV에서 조작하고 나중에 표시 변수로 복사 사업부의 텍스트를 가지고 있어야 . 이것은 버튼 클릭에 대한 응답으로 발생합니다.

...하지만 CSS 규칙을 적용하면 유망한 것으로 들립니다. 그 대신에 시도 할 것이다.

이 바이올린은 내가 무엇을해야하는지 이해를 참조하십시오 : 나는 CSS의 아이디어를 사용하기 전에 사업부와 열 세포를 포장 할 수 있어야

http://jsfiddle.net/Vsse3/2/

.

Answer 1

당신은 CSS를 사용하여, JS 필요하지 않습니다 :

데모 :
http://jsfiddle.net/vTDAQ/3/

@elckarns 의견은 정확하지만 당신은 또한 사용하기 div에서 셀 내용을 포장 할 필요가 text-overflow.

테이블이 잘 형성되어 있지 않습니다. 요청에 따라 업데이트

데모 :
http://jsfiddle.net/Vsse3/6/