用jquery将p的前n个字母包装在span中
我需要帮助 我希望将特定div中文本的前n个(示例200)字符放置在span中,并使用CSS对其进行修饰,而201个字符更正常,不在span中 现在我有了生成的HTML:用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 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>