JS: 动态添加li元素并对其进行样式设计

问题

想把动态获取的数据添加到ul标签的li元素中，并对动态添加的li元素进行样式设计

解决

1、创建ul标签

代码：

结果：

2、动态添加li元素

代码：

$('#main').append('<li class="item1" >'+ 768 +'</li>');

结果：

3、对添加的li元素进行样式设置

由于我们动态添加li元素的时候，赋予了它class属性，因此我们可以使用类选择器对动态添加的li元素进行样式设计

.item1{
    
    
	color: red;
	font-weight: bold;
}

结果：

4、其他

如果数据是动态的，则使用 jQuery 等工具异步获取数据后，再按照上面的方式填入对应的地方即可