前端页面jquery处理分子式，离子，化学反应方程式的方法与思路。

今天看到页面上的分子式【C14H19NO4S】，觉得这样显示出来挺别扭，我就给改造了一下。

学过化学的都知道，如果只是分子式，那么所有的数字都是下标。只有涉及到反应方程式才有不变下标的数字。

那么我们只要使用【sub】标签，把分子式中出现的所有数字都变成下标就好了

'C14H19NO4S'.replace(/(\d+)/g, "$1");

最终它就变成了

C14H19NO4S

//添加到页面的时候，记得使用html(),如果你使用text('') 程序会把标签给输出到页面
$(id).html('你处理过之后的分子式');//最终整合在一起就是这样子$(id).html('C14H19NO4S'.replace(/(\d+)/g, "$1"));//如果涉及到离子，就会用到上标，把sub换成sup就好了~不仅是数字，+-号也要放进sup里。//正则大法好，建议有时间都学一下，太好用了

以上是分子式和离子式的处理方法，如果是反应方程的话，大家可以首先排除开头第一个数字字符，然后再排除掉+和==后的第一个数字字符，其余的变为下标就可以了。

不是什么高深的文章，希望能帮到那些刚步入职场的小白，如有错误请大佬们指正。有更好的方法欢迎交流。

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！