Javascript 显示所有文本的长度

Javascript 显示所有文本的长度,javascript,html,Javascript,Html,$('.text').show().html().length=“15” .text { 宽度:100px; 高度:100px; 边框:1px实心#000; } . 我们为什么要用它? 读者在查看页面布局时会被页面的可读内容分散注意力,这是一个早已确定的事实。使用Lorem Ipsum的意义在于,它的字母分布或多或少是正态的,而不是使用“此处内容,此处内容”,使其看起来像可读的英语。许多桌面发布软件包和网页编辑器现在使用Lorem Ipsum作为默认模型文本,搜索“Lorem Ipsum”将发

$('.text').show().html().length=“15”
.text
{
宽度:100px;
高度:100px;
边框:1px实心#000;
}

.
我们为什么要用它?
读者在查看页面布局时会被页面的可读内容分散注意力,这是一个早已确定的事实。使用Lorem Ipsum的意义在于,它的字母分布或多或少是正态的,而不是使用“此处内容,此处内容”,使其看起来像可读的英语。许多桌面发布软件包和网页编辑器现在使用Lorem Ipsum作为默认模型文本,搜索“Lorem Ipsum”将发现许多尚处于起步阶段的网站。多年来,各种版本不断演变,有时出于偶然,有时出于故意(注入幽默等)。
将or方法与回调一起使用,并使用方法获取长度为
15
的HTML字符串

$('.text').show().html(函数(\ux,oldHtml){
返回oldHtml.slice(0,15);
});
.text{
宽度:100px;
高度:100px;
边框:1px实心#000;
}

. 我们为什么要用它?读者在查看页面布局时会被页面的可读内容分散注意力,这是一个早已确定的事实。使用Lorem Ipsum的意义在于,它的字母分布或多或少是正态的,而不是正态分布
使用“Content here,Content here”,使其看起来像可读的英语。许多桌面发布软件包和网页编辑器现在使用Lorem Ipsum作为默认的模型文本,搜索“Lorem Ipsum”将发现许多仍在使用中的网站
婴儿期多年来,各种版本不断演变,有时出于偶然,有时出于故意(注入幽默等)。

您可以使用JavaScript函数
substr
查找前15个字符,如下所示:

var string=document.getElementById('段落').innerHTML;
var subs=string.substr(0,15);
document.getElementById('段落').innerHTML=subs
你好,世界。这是一个仅显示字符串前15个字符的字符串。

您可以使用:

    var text=$(".text").html();
    var res =text.substr(0, 15);
    alert(res);
var x=$('div.text').text();
var first15=x.子串(0,15);
$(“.text”).html(first15)
.text
{
宽度:100px;
高度:100px;
边框:1px实心#000;
溢出:隐藏;
}

.
我们为什么要用它?
读者在查看页面布局时会被页面的可读内容分散注意力,这是一个早已确定的事实。使用Lorem Ipsum的意义在于,它的字母分布或多或少是正态的,而不是使用“此处内容,此处内容”,使其看起来像可读的英语。许多桌面发布软件包和网页编辑器现在使用Lorem Ipsum作为默认模型文本,搜索“Lorem Ipsum”将发现许多尚处于起步阶段的网站。多年来,各种版本不断演变,有时出于偶然,有时出于故意(注入幽默等)。

使用jquery读取和写入元素,使用regex分割字符串,可能已经提到了更好的解决方案,这只是另一种解决方案

var text = $('.text').text(); //get the text from the div
var splitted = text.match(/.{1,15}/g); //split the text into groups of 15
var first15 = splitted[0]; //get the first group of elements; 
$('.text').text(first15); //place the desired text there


修剪和子字符串…如
$(“.text”).text((u,t)=>t.slice(0,15))?您可以将剩余字符包装在span/div中,该span/div的样式设置为不显示在页面上。将仅对第一个
。text
执行此操作。根本不回答问题(不回信)。这不是他想要的吗?你认为OP想要从页面中提取文本并显示警报?我不这么认为。不要惊慌。。这只是显示结果的示例。我只对第一个
.text
执行此操作,并损坏页面上的所有其他
.text
。很糟糕。@dfsq是的,但这不是我的问题,我不能在这里画所有这些东西。我不知道他会有多少个。text-s,当然,但作为一名开发人员,您必须从战略上考虑(当然,如果您是一名优秀的开发人员)。在这种情况下,您的解决方案非常糟糕,因为它只适用于最简单的情况,这在许多情况下都很好,但在本例中却不行,因为使其具有100%的灵活性是非常简单的。这就是为什么我说这是一个非常糟糕的解决方案,一般来说。你不需要了解客户的想法,你只需要预见下一步(下一步,而不是100步)。@dfsq兄弟,我不是像你和我一样的专业人士,我只是想帮助你,如果有人知道如何给出更好的答案,那就开始吧,我们都喜欢学习新的更好的东西,这就是为什么我们在这里。我们都必须通过上千个阶段才能学到一些东西。当然,无意冒犯,我只是解释了为什么你的答案不好。但同样,你有投票权,这意味着你的答案是有用的。现在你知道你的方法有哪些地方可以改进,我认为这也是很好的。干杯。将只在第一次
。text
。这里的正则表达式太过分了。也将用第一个覆盖所有其他
.text
。也是非常糟糕的解决方案。你说的first.text是什么意思?我的意思是,如果你有几个容器在运行代码后带有
.text
类,那么所有容器都会有相同的文本。哦,你说得对,只是做了一个仔细的分析!!我真的没有想到除了OP展示的小代码片段之外的情况,但这是他需要考虑的,因为他的div没有任何id或上下文,我只是使用了我看到的内容,但感谢你指出这将起作用,但不可扩展且不方便。这是本页上唯一体面的解决方案。