文本html替换加颜色

最新推荐文章于 2023-12-17 16:37:11 发布

小熊猫爱Code

最新推荐文章于 2023-12-17 16:37:11 发布

阅读量2.2k

点赞数

分类专栏： html/js/css

本文链接：https://blog.csdn.net/xxmeng2012/article/details/53514719

版权

博客介绍了在MVC框架中如何根据状态动态显示不同颜色的HTML文本，以及当状态数量增多时，如何通过JavaScript方法优化代码，实现更高效的颜色显示处理。

摘要由CSDN通过智能技术生成

记录分享下给固定文本加颜色的代码改进过程。

1、MVC中直接根据状态显示不同的html

2、状态太多时写起来很累，改用js方法

//初始化文字颜色
function initStatusColor() {
	jQuery(".order-status").html(function () {
		return jQuery(this).html()
			.replace('已确认', '<span style="color:green;">已确认</span>')
			.replace('已成交', '<span style="color:green;">已成交</span>')
			.replace('已取消', '<span style="color:red;">已取消</span>');
	});
	jQuery(".order-detail-status").html(function () {
		return jQuery(this).html()
			.replace('兑换成功', '<span style="color:green;">兑换成功</span>')
			.replace('兑换失败', '<span style="color:red;">兑换失败</span>');
	});
}

3、上述方法各种变量都写死了，感觉不通用，继续改写