利用jquery如何给li标签添加序号 _jquery+html

在html页面中，li列表默认为一个圆点，如何想让它变为阿拉伯序号，在jquery中，应该怎么实现呢？下面小编举例讲解利用jquery如何给li标签添加序号。

文章插图

需要这些哦
jquery+html
代码编纂器：z studio 10.0
方式/
1新建一个html文件，定名为test.html，用于讲解操纵jquery若何给li标签添加序号。

文章插图

2在test.html文件内，利用ul标签建立一个列表，用于测试。

文章插图

3在test.html文件内，设置ul标签的class属性为mypro 。

文章插图

4在js标签内，利用ready()方式在页面加载完当作时执行function方式。

文章插图

5在function方式内，经由过程class获得ul对象，利用css()方式将list-style-type属性设置为decimal，实现给li标签添加序号。

文章插图

6在浏览器打开test.html文件，查看实现的结果。

文章插图

总结：1【利用jquery如何给li标签添加序号】1、利用ul标签建立一个列表，设置ul标签的class属性为mypro 。 2、在js标签内，利用ready()方式在页面加载完当作时执行function方式。 3、在function方式内，经由过程class获得ul对象，利用css()方式将list-style-type属性设置为decimal，实现给li标签添加序号。 4、在浏览器打开test.html文件，查看实现的结果。

以上内容就是利用jquery如何给li标签添加序号的内容啦，希望对你有所帮助哦！