Javascript 如何在字符串值之前包装内容？

我有一份清单：

键1:value1
键2:value2

试试这个

var content;
$("li").each(function(){
  content = $(this).text().split(":");
  $(this).html("<b>" + content[0]+" </b>: "+ content[1]);
});

var内容；
$（“li”）。每个（函数（）{
content=$（this.text（）.split（“：”）；
$（this.html（“+content[0]+”：“+content[1]）；
});

试试这个

var content;
$("li").each(function(){
  content = $(this).text().split(":");
  $(this).html("<b>" + content[0]+" </b>: "+ content[1]);
});

var内容；
$（“li”）。每个（函数（）{
content=$（this.text（）.split（“：”）；
$（this.html（“+content[0]+”：“+content[1]）；
});

类似于：

$(document).ready(function(){
    $('li').each(function(){
        var text = $(this).text().split(':'); 
        $(this).html('<b>' + text[0] + '</b>:' + text[1]);
    });
});

$（文档）.ready（函数（）{
$（'li'）。每个（函数（）{
var text=$（this.text（）.split（'：'）；
$（this.html（''+text[0]+'：'+text[1]）；
});
});

类似于：

$(document).ready(function(){
    $('li').each(function(){
        var text = $(this).text().split(':'); 
        $(this).html('<b>' + text[0] + '</b>:' + text[1]);
    });
});

$（文档）.ready（函数（）{
$（'li'）。每个（函数（）{
var text=$（this.text（）.split（'：'）；
$（this.html（''+text[0]+'：'+text[1]）；
});
});

和regexp解决方案

$('li').each(function(){
    var el = $(this);
    el.html( el.text().replace(/([^:]+)/,'<b>$1</b>') );
})

$（'li'）。每个（函数（）{
var el=$（本）；
html（el.text（）.replace（/（[^::]+）/，“$1”）；
})

---

演示

和regexp解决方案

$('li').each(function(){
    var el = $(this);
    el.html( el.text().replace(/([^:]+)/,'<b>$1</b>') );
})

$（'li'）。每个（函数（）{
var el=$（本）；
html（el.text（）.replace（/（[^::]+）/，“$1”）；
})

---

演示其他答案的更简明版本：

$('li').html(function(i, html) {
    return html.replace(/([^:]+)/, '<b>$1</b>');
});

$（'li'）.html（函数（i，html）{
返回html.replace（/（[^::]+）/，“$1”）；
});

$（“li”）.html（函数（i，html）{
var content=html.split（“：”）；
返回“+content[0]+”：“+content[1]；
});

其他答案的更简洁版本：

$('li').html(function(i, html) {
    return html.replace(/([^:]+)/, '<b>$1</b>');
});

$（'li'）.html（函数（i，html）{
返回html.replace（/（[^::]+）/，“$1”）；
});

$（“li”）.html（函数（i，html）{
var content=html.split（“：”）；
返回“+content[0]+”：“+content[1]；
});

能否将“键”分为跨距或其他html结构？这将避免一些繁琐且可能容易出错的解析。不，我不能使用任何html标记，如果我用#而不是：你能将“键”分隔成跨距或其他html结构吗？这将避免一些繁琐且可能容易出错的解析。不，不能使用任何html标记，如果我用#而不是：@Eric+1来分隔它们，会怎么样。。我当时正绞尽脑汁想在没有

的情况下怎么做。每一个
我都看不到显而易见的东西。。接得好。@Eric+1，对。。我当时正绞尽脑汁想在没有
的情况下怎么做。每一个
我都看不到显而易见的东西。。接得好。