使用SUBSTR限制元素

Question

我分頁用戶的內部，在我看來字符我有：

<li class="profile"> 
    <%= user.profile %> 
</li> 

我想限制li.profile 200個字符後面三個點'...'

下面不工作：

$(document).ready(function(){ 
    $("li.profile").each(function(){ 
     if ($(this).html().length > 200) { 
      $(this).html($(this).html().substr(0, 200)); 
      $(this).append('...'); 
     } 
    }); 
}); 

這是它在開發人員工具中的樣子。

CSS

li.profile { 
font-size: 14px; 
padding-bottom: 5px; 
text-align: left; 
padding-left: 5px; 
} 

Answer 1

使用.text(); .html()套元件的.innerHTML，不.textContent

$(document).ready(function(){ 
    $("li.profile").each(function(){ 
     if (this.textContent.length > 200) { 
      $(this).text(function(_, text) { 
      return text.substr(0, 200).concat("..."); 
      }) 
     } 
    }); 
});