问题
想把动态获取的数据添加到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 等工具异步获取数据后,再按照上面的方式填入对应的地方即可