JS中从字符串提取整数，取类名，添加与移除类

今天修改的项目内容主要包含了四点：

• 对jQuery用法的理解
• 将类名提取出来
• 从字符串中提取一个整数
• 通过jQuery对类进行添加与删除

---

对jQuery用法的理解

在今天的项目修改中，主要还是对jQuery的用法比较多。今天的项目修改过程中，对jQuery最主要的理解就是：选择要修改的元素，然后进行怎样的修改。
比如，要将类名提取出来，就要选择$(**).className；要判断有没有类，就是$(**).hasClass(*)。在这里，对于**，如果是变量，不加修饰符，如果是ID,要加#，如果是类，要加.，如果是标签，要加“”。对于*,因为是参数，如果是变量，可以不加引号，否则是字符串的话要加引号。如添加类

$(x[j]).removeClass("absent");

主要理解使用思想：选择要修改的元素，然后进行怎样的修改。

将类名提取出来

这里主要是用.className，今天的项目取了api类，代码为var x = document.getElementsByClassName("api");将api类赋予给了x。如要要从其中取类名，可以选择其中一个元素，然后使用.className，比如x[0].className。用这种方法可以将类名取出来然后进行各种处理。

从字符串中提取一个整数

这次的项目中，有大量的<li>元素，而每个<li>元素都有一个level等级。但其属于各个等级的类里。比如，有一个api叫LvJing，他的level是521，项目中，手写这个一个api，所以他包含一个api类，同时又包含一个level等级，所以要包含一个level类，这样，对于LvJing来说，他的class = "api apilevel-521"。而我需要其中的521，所以需要把其中的整数提取出来。
在JavaScript中，有一个函数为parseInt，它的作用就是将字符串的整数提取出来。parseInt的原型为parseInt(string,radix)，其中string就是你要提取的字符串，而radix是一个基数，radix与string里整数的个位相加即返回的数。个人感觉一般情况下用不奥radix这个参数，如果以后用到了，我再回来修改。
对parseInt来说，它的string如果是以数字开头，比如521apilevel，就不会有问题。但是如果是英文开头，它会返回一个NaN。所以要进行一些处理。在这里，我们用到substring(*).这个函数用来跳过前面的字符。比如

var x = getElementsByClassName("api"); /*假设我们只有一个api:LvJing*/alert(parseInt((x[0].className.substring(13))));

这样parseInt会跳过前面13个字符直接取521的值，弹窗提示521。

通过jquery对类进行添加与删除

因为项目中，要对level进行分级，对于高于设定值的要进行屏蔽，屏蔽的api会增加一个类absent，所以要对类进行添加与删除。
对类的添加与删除用函数addClass(*)与removeClass(*)。再上面的例子里，通过以下代码使用：

$(x[j]).removeClass("absent");$(x[j]).addClass("absent");