Как отображать первые 50 символов текста

Question

Как отобразить 1-й 50 символов текста, используя html, css, javascript, jquery. и после того, как 50 charecters создать ссылку для показа полного текста

Answer 1

demo in fiddle

попробовать это:
в HTML

<div class='str'> 
How To Display 1st 50 characters Of Text by using , html, css, javascript, jquery . and after 50 charecters create link for show the total text 
</div> 

в JS

var string = $('.str').text(); 
var str50 = string.substr(0,50) 
$('.str').html(str50+'...'+'<a class="readmore" href="#">readmore</a>'); 
$('.str').attr('data-text',string); 

$('.readmore').click(function(e) 
{ 
    e.preventDefault(); 
    $(this).parent().html($(this).parent().attr('data-text')) 

}) 

если вы хотите использовать более использование объекта $.each

Answer 2

Сокращенно плагин был доступен в JQuery

Reference Link

Answer 3

После кода может помочь вам ..

HTML

<div id="showText"></div> 

JAVASCRIPT

$(document).ready(function(){ 

    var text = "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodoconsequat. Duis aute irure dolor in reprehenderit in voluptate velit essecillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat nonproident, sunt in culpa qui officia deserunt mollit anim id est laborum." 
    $('#showText').html(text.substring(0,50)+"<a id='showDetails' href='javascript:void(0);'>Show Details</a>"); 
    $('#showDetails').on('click',function(){ 
    $('#showText').html(text); 
    }); 
}); 

Или вы можете проверить JSFIDDLE Ссылка