javascript - 如何对数组的每一项中的特定字符进行切片

标签 javascript jquery html css

我试图将数组(在本例中为列表)的每个元素的前四个字符加粗,但我所知道的就是选择整个字符串:

$("li").slice(0).css("font-weight", "Bold");

如何指定每个字符串的哪些字符我想切片?

最佳答案

$('li').each(function() {
    var $li = $(this);
    var txt = $li.text();
    $li.text(txt.substring(4));
    $li.prepend($('<b/>').text(txt.substring(0,4)));
});

遍历每个 <li>标记并用包含前四个字符的粗体标记替换内部文本,然后是剩余的原始文本。

你可以切换 <b><span>对风格有更多的控制。您也可以尝试使用 .html()如果您需要在每个列表项中保留其他标记。

关于javascript - 如何对数组的每一项中的特定字符进行切片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46966331/

相关文章:

javascript - 如何使用 Jquery 控制输入类型下拉菜单

javascript - 仅在源内容完全加载后显示 iFrame

html - ng-model 不适用于文件输入

html - 具有交替行颜色的内部和外部边框

html - 设计选择标签

Javascript全局变量与局部变量的冲突

asp.net - 页面加载时文本框中的默认文本

javascript - (function(){})() 与 !function(){}()

从一台服务器添加 JQuery Sizzle 属性

javascript - 如何通过 BootstrapVue 仅使用 API 中所需的字段?