读书人

jQuery累加新的元素便于排序

发布时间: 2012-11-23 00:03:29 作者: rapoo

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]]

读书人网 >Web前端

热点推荐