如何用jquery截断单词而不在源代码中剪切单词？

Question

可以截断单词或显示缩短的单词，但在查看源代码时，请显示所有单词。

示例：（截断字词或缩短字词。）

  

用...测试......

使用显示以下内容的开发人员浏览器工具检查源代码时：

我的代码

＆＃13;

＆＃13;

 static void Main(string[] args)
    {
        Console.Write("PLEASE ENTER YOUR FIRST AND LAST NAME: ");
        string Name = Console.ReadLine();

        Console.Write("Enter the number of times you wish for me to repeat your name");
        var input = Console.ReadLine();
        int number = -1;
        while (!int.TryParse(input, out number)) {
            Console.WriteLine("Incorrect Value");
            Console.Write("Enter the number of times you wish for me to repeat your name");
            input = Console.ReadLine();
        }

        for (int i = 0; i < number; i++)
        {
            Console.WriteLine("" + Name);
            if (i == 9)
            {
                Console.WriteLine("End Program");
                break;
            }
       }

        Console.ReadKey();

    }

＆＃13;

String.prototype.truncString = function(max, add){
   add = add || '...';
   return (this.length > max ? this.substring(0,max)+add : this);
};

str = "testing with some string see console output";
console.log(  str.truncString(15,'...')  );

$(function() {
	$('#original').text(str);
	$('#result').text(str.truncString(15,'...'));
});

＆＃13;

＆＃13;

＆＃13;

Answer 1

  

预期结果：

<div id="result">
    testing with some...
    <div id="original" style="display:none;"'>string see console output</div>
</div>

试一试：

<强> HTML：

<div id="original">string see console output</div>

<强> jQuery的：

$(function() {
    var maxlength = 10;
    var hello = $('#original').text().substring(0,maxlength)+'...';
    $('#original').before('<div id="result">'+hello+'</div>')
    $('#original').css('display','none').appendTo('#result');
});

小提琴： http://jsfiddle.net/msL6hqpr/4/

更新1：

我希望#original仅包含其余内容（＆＃34;控制台输出＆＃34;）：

小提琴： http://jsfiddle.net/msL6hqpr/5/

更新2：

请不要截断完整的字词：

小提琴： http://jsfiddle.net/msL6hqpr/6/

Answer 2

非常简单，无需使用jquery。只是CSS：

请参见https://css-tricks.com/snippets/css/truncate-string-with-ellipsis/

注意：如果您真的喜欢jquery，则可以使用它动态注入适当的类。

Answer 3

var str = $( "#original" ).text()
var res = str.replace("Microsoft", "W3Schools");
$( "#original" ).text(res);