$.get('http://simbajs.com:89/sys/menu', data => { data = data.map(r => r.name) console.log(data) data.forEach(r => { $('.menu').append(` <li> ${r} <div class='line'></div> </li>`) }) $('.menu li:lt(2)').append(`<div class="hot">HOT</div>`) })
利用Jquery从端口获取数据后,通过在juqery里创建标签添加元素,这里可以利用遍历直接写标签里面的元素,不用创建标签,然后在向其里面添加元素
data.forEach(r => {
$('.menu').append(`
${r}
`)
})
这里就是对每个name数据向li标签里添加元素 同时可以利用此执行语句添加需要的标签,
但最好在此部分之前先这手动添加元素,加好样式,之后再用此执行语句替换掉,方便快捷,以后无需写样式了,只需增删该改