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

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

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

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

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

最终它就变成了

C<sub>14</sub>H<sub>19</sub>NO<sub>4</sub>S

 

//添加到页面的时候，记得使用html(),如果你使用text('') 程序会把<sub>标签给输出到页面
$(id).html('你处理过之后的分子式');

//最终整合在一起就是这样子

$(id).html('C14H19NO4S'.replace(/(\d+)/g, "<sub>$1</sub>"));

//如果涉及到离子，就会用到上标，把sub换成sup就好了~不仅是数字，+-号也要放进sup里。

//正则大法好，建议有时间都学一下，太好用了

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

 

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