有沒有辦法在jQuery中截斷元素的文本？

Question

我有這樣的元素：

"<span class=interests><a href=>Acoustics</a><a href=>Actuarial Studies</a><a href=>Administrative Law</a></span>" 

我想通過一個文本e.g截斷這一點：在上面的例子聲學。如果它超過50，我想截斷它。

我該怎麼用jQuery做到這一點？

Answer 1

嘗試以下操作：

$('span a').each(function(){ 
    if($(this).text().length > 50) 
     $(this).text($(this).text().substr(0,50)); 
}); 

Answer 2

試試這個

<span id="mainText" > 
<a> 
    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</a></span> 
    <script> 
     jQuery(document).ready(function(){ 
     $('span a').each(function(a, v){ 
      if ($(this).text().length>50){ 
       $(this).remove(); 
      } 
     }) 


}) 
</script> 

Answer 3

$('.interests a').each(function(){ 
    var truncated = $(this).text().substr(0, 50); 
    //Updating with ellipsis if the string was truncated 
    $(this).text(truncated+(truncated.length<50?'':'[...]')); 
}); 

demo

Answer 4

傳遞函數的文字方法會讓你改變動態文本

$('a').text(function(index, value) { 
    if (value.length > 50){ 
    return value.substr(0, 50); 
    } 
}); 

Answer 5

ABCDEF如果ABCDEF.length> 3，您說，可以看出這樣的：ABC ... - real1 42分鐘前

？

<span class='interests'> 
    <a href='#'>Acoustics</a> 
    <a href='#'>Actuarial Studies</a> 
    <a href='#'>Administrative Law</a> 
    <a href='#'>Something inside your head, Something inside your head, Something inside your head, Something inside your head</a> 
</span> 

然後：

var total = 0; 
var truncated = ""; 

$('.interests a').each(function(){ 
    total+=$(this).text().length; 
    truncated+=$(this).text(); 
}); 

if(total>50){ 
    truncated = truncated.substring(0, 50)+'...'; 
    $('.interests').html(truncated);  
} 

你得到：

AcousticsActuarial StudiesAdministrative LawSometh... 

丟棄的聯繫？

http://jsfiddle.net/abrhmcc/x8pkorjn/7/