자바 스크립트 단어 수가 잘리지 않습니다.

Question

ID가 "shortblogpost"인 div가 있습니다. 나는 27 번째 단어까지 세어보고 끝에 "..."을 추가하고 싶습니다.

다음 코드를 시도했습니다. 문제, 그것의 계산서 및 낱말 아닙니다. JavaScript를 사용하지 않고 jQuery를 사용한다고 생각합니까?

내가 어떤 도움 만

<script type="text/javascript"> 
var limit  = 100, 
    text   = $('div.shortblogpost').text().split(/\s+/), 
    word, 
    letter_count = 0, 
    trunc  = '', 
    i   = 0; 

while (i < text.length && letter_count < limit) { 
    word   = text[i++]; 
    trunc  += word+' '; 
    letter_count = trunc.length-1; 

} 

trunc = $.trim(trunc)+'...'; 
console.log(trunc); 
</script> 

타이 모든 사전에 다양한 서버의 이유로 자바 스크립트를 사용해야합니다.

Answer 1

자르기 기능.

사용 : truncate ('이것은이 기능의 테스트입니다', 2); 반환 값 : 이것은 ...

사용 : truncate ('이것은이 함수의 테스트입니다', 5, '+++'); 반환 값 :이 +++

의 테스트입니다

function truncate (text, limit, append) { 
    if (typeof text !== 'string') 
     return ''; 
    if (typeof append == 'undefined') 
     append = '...'; 
    var parts = text.split(' '); 
    if (parts.length > limit) { 
     // loop backward through the string 
     for (var i = parts.length - 1; i > -1; --i) { 
      // if i is over limit, drop this word from the array 
      if (i+1 > limit) { 
       parts.length = i; 
      } 
     } 
     // add the truncate append text 
     parts.push(append); 
    } 
    // join the array back into a string 
    return parts.join(' '); 
} 

편집 : 영업 이익의 매개 변수에 의해 구현 신속하고 더러운 :

이

<script type="text/javascript"> 
// put truncate function here... 

var ele = document.getElementById('shortblogpost'); 
ele.innerHTML = truncate(ele.innerHTML, 20); 
</script> 

Answer 2

루프가 한 단어 씩 단어를 추가하는 동안 (문자 수가 & &이면 문자 수가 제한보다 작음). 당신이해야 할 유일한 일은 "& & 단어 수가 제한보다 낮습니다"로 두 번째 조건을 바꾸는 것입니다. JS이 의사 사소한되어야 변환

...

Answer 3

이 작동합니다 :

var words = $('div.shortblogpost').text().replace(/\s/g, ' ').split(' '); 
var result = ""; 
for(var w = 0 ; w < 27 ; w++) { 
    if(words[w].length > 0) { 
     result += words[w] + ' '; 
    } 
} 
result = result.trim() + "..."; 

Answer 4

이 될 수 있습니다 한 줄의 코드로 이루어집니다.

myString.replace(/(([^\s]+\s+){27}).+/, "$1..."); 

또는, 당신은 그것에게 기능을 만들 수 있습니다

그래서

function truncateString(s, wordCount) 
{ 
    var expr = new RegExp("(([^\\s]+\\s+){" + wordCount + "}).+"); 
    return s.replace(expr, "$1..."); 
} 

, 당신의 코드에 대한이 작업을하기를, 당신은 할 수 있습니다 :이 방법에 대해

var post = $('div.shortblogpost').text(); // get the text 
post = postText.replace(/(([^\s]+\s+){27}).+/, "$1..."); // truncate the text 
$('div.shortblogpost').text(post); // update the post with the truncated text 

Answer 5

를? jsfiddle

HTML :

<div id='shortblogpost'>test test test test test test test test test test test</div> 

자바 스크립트 :

alert(document.getElementById('shortblogpost').innerHTML); 
var numWordToDisplay = 3; //how many words u want to display in your case 27 
var newArray = document.getElementById('shortblogpost').innerHTML.split(' '); 
if(newArray.length >= numWordToDisplay) 
    newArray.length = numWordToDisplay; 
console.log(newArray.join(' ') + '...'); //test test test...