不要遍历dom

function selectProvince() {
$.ajax(
{
type: "post",
url: "/province/getStrType",
data: { "type": "province" },
success: function (msg) {
for (var i = 0; i < msg.length; i++) {
$("#province").append("<option value=" + msg[i].CODE + ">" + msg[i].PROVINCE + "</option>");
}
selectCity();
}
})
};

上面这种写法遍历dom,不好,具体哪不好,以后研究,应该下面的写法

function selectProvince() {
$.ajax(
{
type: "post",
url: "/province/getStrType",
data: { "type": "province" },
success: function (msg) {
alert(msg);

var str;
for (var i = 0; i < msg.length; i++) {
str+="<option value=" + msg[i].CODE + ">" + msg[i].PROVINCE + "</option>";
}
$("#province").append(str);
selectCity();
}
})
};

时间: 2024-12-08 16:56:22

不要遍历dom的相关文章

jQuery遍历DOM

jQuery提供了多种遍历DOM的方法.遍历方法中最大的种类是树遍历. 向上遍历DOM树 parent():返回被选元素的直接父元素 parents():返回被选元素的所有祖先元素,它一直遍历到根元素(<html>) parentsUntil():返回介于两个元素之间的所有祖先元素.例$("span").parentsUntil("div"),返回介于<span>与<div>元素之间的所有祖先元素:如果不填写参数,则效果等同于pa

遍历Dom树

遍历Dom树,可以返回当前页面有那些元素及其数量 (function(){ //遍历Dom树 var doms={ length:0 } function eachDomTree(root){ var childNodes=root.childNodes, len=childNodes.length; for(var i=0;i<len;i++){ var item=childNodes[i]; if(item.nodeType===1){ var tagName=item.nodeName.t

jQuery向上遍历DOM树之parents(),parent(),closest()之间的区别

http://www.poluoluo.com/jzxy/201312/253059.html 在这个sprint中,因为要写前端UI,所以用到了jQuery,但是jQuery在向上遍历DOM树的API中,有parents(). parent().closest()这几个,一直不太清楚它们具体的区别,所以狠下心好好读了一下jQuery的API文档,并把区别记在这里,以供参考.  1.parents([selector]) 本方法用于选择给定jQuery对象中包含的DOM元素或者DOM元素集的祖先

jQuery 遍历 - 祖先:向上遍历 DOM 树,以查找元素的祖先

jQuery 遍历 - 祖先 祖先是父.祖父或曾祖父等等. 通过 jQuery,您能够向上遍历 DOM 树,以查找元素的祖先. 向上遍历 DOM 树 这些 jQuery 方法很有用,它们用于向上遍历 DOM 树: parent() parents() parentsUntil() jQuery parent() 方法 parent() 方法返回被选元素的直接父元素. 该方法只会向上一级对 DOM 树进行遍历. 下面的例子返回每个 <span> 元素的直接父元素: 实例 $(document).

JavaScript 算法应用: 遍历DOM树的两种方式

1 常见的DOM树结构: 2  DOM数遍历有两种方式: 3 广度优先代码: 4 深度优先遍历代码 原文地址:https://www.cnblogs.com/autoXingJY/p/9193600.html

深度优先遍历DOM节点

深度优先遍历的特点就是对每一个可能的分支路径深入到不能再深入为止,而且每个节点只能访问一次. <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>HTML DOM的节点遍历</title> <script type="t

JS遍历DOM 节点树的实现

本文将分享 DOM 节点树深度遍历.广度遍历代码. 假定我仅遍历 body 且其结构如下: <body> <section class="container"> <div class="left"> <div class="menu"></div> </div> <div class="right"> <div class="b

SAX解析xml (遍历DOM树各节点)

本文参考 http://yangjunfeng.iteye.com/blog/401377 1. books.xml 1 <?xml version="1.0" encoding="UTF-8"?> 2 <bk:books count="3" xmlns:bk="http://test.org/books"> 3 <!--books's comment --> 4 <bk:book i

DOM遍历

前面的话 DOM遍历模块定义了用于辅助完成顺序遍历DOM结构的类型:Nodeiterator和TreeWalker,它们能够基于给定的起点对DOM结构执行深度优先(depth-first)的遍历操作.本文将详细介绍DOM遍历 [注意]IE8-浏览器不支持 定义 DOM遍历是深度优先的DOM结构遍历,遍历以给定节点为根,不可能向上超出DOM树的根节点.以下面的HTML页面为例 <!DOCTYPE html> <html> <head> <title>Examp