前端页面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里。//正则大法好，建议有时间都学一下，太好用了

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

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

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

关于前端页面测试和抵御 clickjacking attack 的一些方法
点击劫持(clickjacking)是一种欺骗用户的攻击,当他们实际点击另一件事时,他们认为他们正在点击另一件事. 它的另一个名称,用户界面 (UI) 修正,更好地描述了正在发生的事情. 用户以为他们 ...
前端页面生成pdf方案
前端页面生成pdf方案使用jsPDF的html方法生成直接将html节点传入jsPDF生成pdf,效果一般 const pdf = new jsPDF('p', 'pt', 'a4'); cons ...
基于Jquery实现登录功能的前端页面
本篇文章讲解如何用jquery完成登录功能的前端页面展示 html部分: <div class="name"><label>用户名:</label&g ...
基于jQuery.i18n.properties插件实现前端页面国家化
一.简介在介绍jQuery.i18n.properties 之前,我们先来看一下什么是国际化.国家化英文单词为:Internationalization,又称 i18n,"i"为 ...
jquery验证前端页面
一共三个页面 jquery.html文件(前端页面,jquery验证用户信息) jquerytest.php文件(后台处理页面) jquerydb.php文件(数据库) 数据表结构 jquery.ht ...
jquery 在div追加文本_前端技术--JQuery
JQuery 一.引言 1.JQuery是一个基于javascript语言的框架 --- 是对js代码的合理封装 2.js缺点,jquery优点 1)js代码比较复杂 var tag = docum ...
jquery input值改变事件_前端技术--JQuery
JQuery 一.引言 1.JQuery是一个基于javascript语言的框架 --- 是对js代码的合理封装 2.js缺点,jquery优点 1)js代码比较复杂 var tag = docum ...
前端之JQuery(一)
阅读目录事件:(使用方法与JS对象类似,只是语法更加简洁) 摘要: jQuery初识 jQuery具体使用方法 jQuery初识 1:jQuery介绍: jQuery是一个轻量级的.兼容多浏览器的J ...
web项目实现mysql增删改查并从前端页面操作
1.看下各个包下面的文件,我上一篇文章已经说过了,这里对上一章有一部分重复的 2.User.java是数据库元素写的一个类,代码如下 package com.hqyj.wj.model; //用户信息 ...

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

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

最新文章

热门文章