首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jQuery累加新的元素,便于排序

2012-11-23 
jQuery追加新的元素,便于排序var element document.createElement(tagName)// create a new div elemen

jQuery追加新的元素,便于排序

var element = document.createElement(tagName);// create a new div element  // and give it some content  newDiv = document.createElement("div");  newContent = document.createTextNode("Hi there and greetings!");  newDiv.appendChild(newContent); //add the text node to the newly created div.  // add the newly created element and it's content into the DOM  my_div = document.getElementById("org_div1");  document.body.insertBefore(newDiv, my_div);


<ul id="ul_collect" style="position: absolute;left: -75px;width: 940px;"><li transId="_TRANS_ID.NUONUO" transName="" url="" style="background-image: url('/images/collect/zyt_btn.png');">诺诺</li><li transId="_TRANS_ID.YOUBANG" transName="" url="" style="background-image: url('/images/collect/zyt_btn.png');">友邦</li><li transId="_TRANS_ID.GUANGFA" transName="" url="" style="background-image: url('/images/collect/wlbtysh_btn.png');">广发银行</li><li transId="_TRANS_ID.PINGAN" transName="" url="" style="background-image: url('/images/collect/wlbtysh_btn.png');">平安银行</li></ul>


_STAGE.currentBiz = "pingan|nuonuo";


var currentBizArr = _STAGE.currentBiz.split("|");jQuery("#ul_collect").empty();for(var i = 0; i < currentBizArr.length; i++){jQuery("#ul_collect").append(document.createElement("li")).find("li").eq(i).attr("transId","_TRANS_ID."+(currentBizArr[i].toUpperCase())).addClass("infoBtn swapImage fucai").attr("style", "background-image: url('/images/collect/wlbtysh_btn.png');").text(currentBizArr[i].toUpperCase());}jQuery("li").css({"width" : "419","height" : "91","border" : "0","vertical-align" : "middle","font-size" : "22px","color" : "white","line-height" : "3.5"}).addClass("text_center");


、、追加词典对应值:
// 信息收集业务文字currentBizText : {"guangfa" : "广发银行","pingan" : "平安银行","nuonuo" : "诺诺","youbang" : "友邦"},for(var i = 0; i < currentBizArr.length; i++){jQuery("#ul_collect").append(document.createElement("li")).find("li").eq(i).attr("transId","_TRANS_ID."+(currentBizArr[i].toUpperCase())).addClass("infoBtn swapImage fucai").attr("style", "background-image: url('/images/collect/wlbtysh_btn.png');").text(this.currentBizText[currentBizArr[i]]);}


this.currentBizText[currentBizArr[i]]

热点排行