如何修改jQuery中replaceAll替换逗号生成的箭头颜色？

我是一名前端开发初学者，目前使用的replaceAll函数运行完全正常，现需要修改替换生成的箭头的显示颜色，请问该如何实现？
现有jQuery代码如下：

let network = '';
if ($('#depsTo').val()) {
    network = $('#depsTo').val();
    network = network.toString().replaceAll(',','--->');
    console.log("NETWORK : " + network);
    $('#networkHeading').html(network);
}

你当前替换生成的是纯文本箭头，无法单独设置颜色，由于最后是通过.html()方法渲染内容，本身支持解析HTML标签，只需要把替换的纯文本箭头替换成带样式的HTML结构即可。

• 直接修改replaceAll的替换参数，用<span>标签包裹箭头，给标签加上颜色样式即可，示例中把箭头设置为蓝色，可自行修改color属性值调整成你需要的颜色：

let network = '';
if ($('#depsTo').val()) {
    network = $('#depsTo').val();
    // 替换逗号为带颜色样式的箭头
    network = network.toString().replaceAll(',', '<span style="color: #2563eb">---></span>');
    console.log("NETWORK : " + network);
    $('#networkHeading').html(network);
}

• 如果后续需要统一调整箭头样式，推荐给箭头标签加专属class，把样式写在CSS文件中，无需反复修改JS逻辑：

/* 单独定义的箭头样式 */
.custom-arrow {
    color: #2563eb;
    font-weight: 600;
    margin: 0 6px; /* 给箭头左右加间距，显示更美观 */
}

对应调整replaceAll的替换值为<span class="custom-arrow">---></span>即可。

注意：最终渲染内容必须使用.html()方法，不能换成.text()，否则HTML标签会被转义为普通文本显示，你现有代码用的就是.html()，这部分不需要改动。

内容的提问来源于stack exchange，提问作者Batool