Javascript 如何显示文本的前50个字符

如何使用、html、css、javascript、jquery显示文本的前50个字符。50个字符后，创建显示全部文本的链接

试试这个： 在html中

在js中

---

如果您想使用更多对象，请使用$。jquery中提供了每个缩短插件

---

以下代码可能对您有所帮助

HTML

JAVASCRIPT

---

或者你可以查看链接

我尝试了这个文本溢出：省略号；但它不起作用

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

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'))

})

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

$(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);
  });
});