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="" class="infoBtn swapImage fucai" style="background-image: url('/images/collect/zyt_btn.png');">
			诺诺</li>
		<li transId="_TRANS_ID.YOUBANG" transName="" url="" class="infoBtn swapImage fucai" style="background-image: url('/images/collect/zyt_btn.png');">
			友邦</li>
		<li transId="_TRANS_ID.GUANGFA" transName="" url="" class="infoBtn swapImage fucai" style="background-image: url('/images/collect/wlbtysh_btn.png');">
			广发银行</li>
		<li transId="_TRANS_ID.PINGAN" transName="" url="" class="infoBtn swapImage fucai" 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]]

你可能感兴趣的:(JavaScript,jquery,element,insert)