Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/symfony/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
用jquery将p的前n个字母包装在span中_Jquery_Word Wrap - Fatal编程技术网

用jquery将p的前n个字母包装在span中

用jquery将p的前n个字母包装在span中,jquery,word-wrap,Jquery,Word Wrap,我需要帮助 我希望将特定div中文本的前n个(示例200)字符放置在span中,并使用CSS对其进行修饰,而201个字符更正常,不在span中 现在我有了生成的HTML: <div class="container"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard d

我需要帮助

我希望将特定div中文本的前n个(示例200)字符放置在span中,并使用CSS对其进行修饰,而201个字符更正常,不在span中

现在我有了生成的HTML:

    <div class="container">
<p>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.</p> 
</div>

标题

Lorem ipsum dolor sit amet,是一位杰出的献身者。佩伦特斯·梅特斯·伊斯特、索利西丁·奎斯元素、尼斯勒的波苏尔元素。杜伊斯·维尼纳蒂斯·索达莱斯·埃利芬德。我们在托托马蒂斯的法雷特拉·图尔皮斯(pharetra turpis)被暴风雨袭击。毛里斯·卢库斯·安特奎斯·胡斯托·奥纳雷·奥纳雷。我不知道,我不知道,我不知道。整型id为semper lectus mollis Volatis Pat。我们在威尼斯turpis posuere的马萨·埃吉特·利奥·法雷特拉餐厅用餐。欧洲ultricies orci。莫比·瓦普塔特·埃尼姆·比本杜姆的生命。两种芸香都是从汽车中提取的。这是一个很好的例子。Vivamus enim justo,在pulvinar suscipit sem的scelerisque告别假设p的html中没有其他标记,我们可以这样做

var$p=$(“.container p”);
$p.html(函数(\ux,html){
返回`${html.substring(0200)}${html.substring(200)}`
})
.big{font size:x-large}

Lorem ipsum dolor sit amet,是一位杰出的献身者。佩伦特斯·梅特斯·伊斯特、索利西丁·奎斯元素、尼斯勒的波苏尔元素。杜伊斯·维尼纳蒂斯·索达莱斯·埃利芬德。我们在托托马蒂斯的法雷特拉·图尔皮斯(pharetra turpis)被暴风雨袭击。毛里斯·卢库斯·安特奎斯·胡斯托·奥纳雷·奥纳雷。我不知道,我不知道,我不知道。整型id为semper lectus mollis Volatis Pat。我们在威尼斯turpis posuere的马萨·埃吉特·利奥·法雷特拉餐厅用餐。欧洲ultricies orci。莫比·瓦普塔特·埃尼姆·比本杜姆的生命。两种芸香都是从汽车中提取的。这是一个很好的例子。Vivamus enim justo,在pulvinar suscipit sem的scelerisque告别


请在问题本身中包含您为实现目标所做的努力。请访问查看和。提示:发布努力和代码。很难说你被困在哪里,所以这个问题太宽泛了。“我需要帮助”是含糊不清的。在jQuery中,您知道如何选择所需的元素吗?你知道如何检索它的文本吗?您知道如何在JavaScript中处理字符串吗?您知道如何在jQuery中设置元素的文本吗?这些是您需要的基本部件。在线文档描述了所有这些。一个小小的谷歌有很长的路要走。:@潜伏者,其中90%是普通的JS@mplungjan事实上,有很多简单的方法给猫剥皮。op标记了jQuery,所以我提到了它。
<div class="container">
<p><span class="big">Lorem Ipsum is simply dummy text of the printing and typesetting</span> industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>    
</div>