gpt4 book ai didi

javascript - 如何使用 Javascript 或 jQuery 突出显示文本的前 10 个字符?

转载 作者:行者123 更新时间:2023-11-30 08:58:12 24 4
gpt4 key购买 nike

我想突出显示文本的前 10 个字符以及“段落”一词的颜色。

<html>
<body>
This is a heading
This is a paragraph.This is another paragraph.
</body>
</html>

最佳答案

将此视为您的 HTML 内容:

<div id="contents">
This is a heading
This is a paragraph.This is another paragraph.
</div>

此 jQuery 代码将执行您想要的操作:

$(document).ready(function() {
var data = $('#contents').text().trim();

var str = "";

for(var i = 0; i < 10; i++) {
str += data[i];
}

data = data.replace( /paragraph/g, '<span style="font-weight: bold;">paragraph</span>' );
data = data.replace( str, '<span style="background-color: yellow;">' + str + '</span>' );

$('#contents').html( data );
});

关于javascript - 如何使用 Javascript 或 jQuery 突出显示文本的前 10 个字符?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11598089/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com