jquery 添加和移除节点 jquery 的简单实例应用

代码

var allSchool = new Array();
var clickCity = "";
var citys = [
{city:"北京市",
libs:[
{name:"北京工业201大学馆藏书目",vals:"201"},
{name:"北京工业202大学馆藏书目",vals:"202"}
]
},
{city:"天津市",
libs:[
{name:"天津工业203大学馆藏书目",vals:"203"},
{name:"天津工业204大学馆藏书目",vals:"204"}
]
}
];

$(document).ready(function(){
$("#BtKeySearch").bind("click",function (){
var keywords =$("#idKeyword").val();
var searchtype =getSelect("column");
var searchmodel = getSelect("condition");
//var schooltype=getSelect("libs");
var schooltype=getSelect("selectedLibs");
$.cookie('the_libs', schooltype, { expires: 7 });
alert("do.php?"+"keywords="+keywords+"&sourcetype="+searchtype+"&searchtype="+searchmodel+"&searchmodel=1&sort=1&schooltype="+schooltype+"&page=1");

})
$("#advanceSearch").bind("click",function(){
var idSpanSearch = document.getElementById("idSpanSearch");
idSpanSearch.style.display="block";
})

})
function getSelect(names)
{
var vals = "";
var eles = document.getElementsByName(names);
for(var i=0;i<eles.length;i++)
{
if(eles[i].checked)
vals+=eles[i].value+",";
}
vals = vals.length>0?(vals.substring(0,vals.length-1)):("");
return vals;
}
//改变库
function changeVal(temp)
{
clickCity=temp;
var library = "";
for(var i=0;i<citys.length;i++)
{
//判断城市
if(citys[i].city==temp)
{
//寻找书库
for(var j=0;j<citys[i].libs.length;j++)
{
var state =false;
for(var k=0;k<allSchool.length;k++)
{
if(allSchool[k]==citys[i].libs[j].vals)
{
state=true;
break;
}
}
if(!state)
library +="<li><input type='checkbox' name='libs' onclick='if(this.checked)appendHtml(\""+citys[i].libs[j].name+"\",\""+citys[i].libs[j].vals+"\",0);$(this).parent().remove();' value='"+citys[i].libs[j].vals+"'/>"+citys[i].libs[j].name+"</li>";
}
break;
// 查找到跳出
}
}
$("#libs").html(library);
}
//追加文本
function appendHtml(text,values,type)
{

for(var i=0;i<allSchool.length;i++)
{
if(values==allSchool[i])
return;
}
if(type=="0")
$("#idSelectedSchool").append("<li title=\""+text+"\"><input type=\"checkbox\" onclick=\"removeArray('"+values+"',0);$(this).parent().remove();\" name=\"selectedLibs\" checked=\"checked\" value=\""+values+"\"/>"+text+"</li>")
else
$("#idSelectedSchool").append("<li title=\""+text+"\"><input type=\"checkbox\" onclick=\"removeArrayDian('"+text+"','"+values+"');$(this).parent().remove();\" name=\"selectedLibs\" checked=\"checked\" value=\""+values+"\"/>"+text+"</li>")
allSchool.push(values);
}
//改变样式
function changeClass(classid)
{
for(var i=0;i<22;i++)
{
$("#city00"+i.toString()).attr("class"," ");
}
$("#"+classid).attr("class","selected");
}
//移除记录的值
function removeArray(val,type)
{
var tempArr = new Array();
for(var i=0;i<allSchool.length;i++)
{
if(allSchool[i]!=val)
{
tempArr.push(allSchool[i]);
}
}
allSchool=tempArr;
//如果是一个城市 添加下面的项

if(type=="0")
{
for(var i=0;i<citys.length;i++)
{
//判断城市
if(citys[i].city==clickCity)
{
//寻找书库
for(var j=0;j<citys[i].libs.length;j++)
{
if(val==citys[i].libs[j].vals)
{
$("#libs").append("<li><input type='checkbox' name='libs' onclick='if(this.checked)appendHtml(\""+citys[i].libs[j].name+"\",\""+citys[i].libs[j].vals+"\",0);$(this).parent().remove();' value='"+citys[i].libs[j].vals+"'/>"+citys[i].libs[j].name+"</li>");
break;
}
}
break;
// 查找到跳出
}
}
}
else
{
var tempArr = new Array();
for(var i=0;i<allSchool.length;i++)
{
if(allSchool[i]!=val)
{
tempArr.push(allSchool[i]);
}
}
allSchool=tempArr;
$("#idDianziQiKuan").append("<li><input type='checkbox' name='libs' onclick='if(this.checked)appendHtml(\""+citys[i].libs[j].name+"\",\""+citys[i].libs[j].vals+"\",1);$(this).parent().remove();' value='"+citys[i].libs[j].vals+"'/>"+citys[i].libs[j].name+"</li>");
}

}
function removeArrayDian(text,value)
{
$("#idDianziQiKuan").append("<li><input type='checkbox' name='libs' onclick='if(this.checked)appendHtml(\""+text+"\",\""+value+"\",1);$(this).parent().remove();' value='"+value+"'/>"+text+"</li>");
}
function displayDiv(obj)
{
document.getElementById(obj).style.display=document.getElementById(obj).style.display=="block"?("none"):("block");
}