67 lines
2.0 KiB
JavaScript
67 lines
2.0 KiB
JavaScript
|
|
|
|
|
|
function RenderDeleteUl() {
|
|
console.log("sagge")
|
|
$(".content_core").innerHTML = ""
|
|
ChannelList.forEach(function(val,index){
|
|
$(".content_core").innerHTML+=`
|
|
<li>${val.title}</li>
|
|
`
|
|
});
|
|
console.log("ChannelList",ChannelList)
|
|
BindDeleteUl()
|
|
}
|
|
|
|
function RenderAddUl() {
|
|
$(".content_cor").innerHTML = ""
|
|
stChannelList.forEach(function(val,index){
|
|
document.querySelector(".content_cor").innerHTML+=`
|
|
<li>${val.title}</li>
|
|
`
|
|
})
|
|
BindaddUl()
|
|
}
|
|
|
|
function BindDeleteUl() {
|
|
var deleteUl = document.querySelectorAll(".content_core li");//若不重新调用RenderDeleteUl()此步获取的还是用初始数据在也页面的渲染
|
|
deleteUl.forEach(function(val,index){//初始数据的下标
|
|
val.onclick = function() {
|
|
console.log("ss")
|
|
console.log("ChannelList",ChannelList)
|
|
document.querySelector(".content_core").removeChild(val)
|
|
document.querySelector(".content_cor").appendChild(val)
|
|
stChannelList.push(ChannelList[index])
|
|
ChannelList.splice(index,1)
|
|
localStorage.setItem("stChannelList", JSON.stringify(stChannelList))
|
|
localStorage.setItem("ChannelList", JSON.stringify(ChannelList))
|
|
RenderDeleteUl()
|
|
BindaddUl()
|
|
}
|
|
})
|
|
}
|
|
|
|
function BindaddUl() {
|
|
var addUl = document.querySelectorAll(".content_cor li");
|
|
addUl.forEach(function(val,index){
|
|
val.onclick = function() {
|
|
document.querySelector(".content_cor").removeChild(val)
|
|
document.querySelector(".content_core").appendChild(val)
|
|
|
|
ChannelList.push(stChannelList[index])
|
|
stChannelList.splice(index,1)
|
|
localStorage.setItem("stChannelList", JSON.stringify(stChannelList))
|
|
localStorage.setItem("ChannelList", JSON.stringify(ChannelList))
|
|
RenderAddUl()
|
|
BindDeleteUl()
|
|
}
|
|
});
|
|
}
|
|
|
|
RenderDeleteUl()
|
|
RenderAddUl()
|
|
|
|
function $(className){
|
|
return document.querySelector(className)
|
|
}
|