jquery div层级选择器
div id="modelName" class="modelName">
<!-- 车系的层 -->
<div name="CX">
------ 车系名称:<input name="txtcx" type="text" />
<a href="#" name="addCX">添加车系</a> <div class="modelPL" id="modelPL">
<!-- 排量的层 -->
<div name="PL">
-------- 排量:<input name="txtpl" type="text" />
<a href="#" name="addPL">添加排量</a> <div id="modelDate" class="modelDate">
<!-- 生产年份的层 -->
<div name="SCNF">
------ 生产年份:<input name="txtscnf" type="text" />
<a href="#" name="addNF">添加生产年份</a><br/><br/>
</div> </div>
</div>
<br /><br /> </div>
</div>
<br /><br /> </div>
如何取值方法?
//保存触发事件
$("#submit").click(function() {
var CX = $("div[name=CX]");
//alert("长度:"+CX.size());
var str = "";
var s1 = "";
var s2 = "";
var s3 = "" CX.each(function(){
/**文本值*/
var T1 = $(this).find("input[name=txtcx]");
T1.each(function(){
alert("车系: " + $(this).val());
//str += $(this).val() + "@";
s1 += $(this).val() + "@";
}); //二级 车系的下一层DIV
var PL = $(this).find("#modelPL div[name=PL]");
//alert("长度:" + PL.size());
//alert("html:" + PL.html());
PL.each(function(){
/**文本值*/
var T2 = $(this).find("input[name=txtpl]");
T2.each(function(){
//alert("!!排量: " + $(this).val());
//str += $(this).val() + "#";
s2 += $(this).val() + "#";
}); //三级 排量的下一层DIV
var NF = $(this).find("#modelDate div[name=SCNF] input[name=txtscnf]");
//alert("长度:" + NF.size());
//alert("html33:" + $(this).find("#modelDate div[name=SCNF]").html());
NF.each(function(){
alert("$$生产年份: " + $(this).val());
s3 += $(this).val() + "$";
});
s2 += s3 + "#";
s3 = ""; });
s1 += s2 + "@";
s2 = ""; }); alert("str:" + s1); }); });
重要思想: 层级遍历div,一边定位div,一边取input值,分两步走, 关键是选择器的应用.
在当前的遍历对象this中,关键是再次运用选择器. find()方法.
jquery div层级选择器的更多相关文章
- Jquery操作层级选择器
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- jQuery的层级选择器
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8 ...
- JQuery学习笔记——层级选择器
JQuery学习笔记--层级选择器 上一篇学习了基础的五种选择,分别是id选择器,class选择器,element选择器,*选择器 和 并列选择器.根据手册大纲,这篇学习的是层级选择器. 选择器: 1 ...
- 什么是 jQuery 和jQuery的基本选择器,层级选择器,基本筛选器
jQuery是什么? [1] jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多 javascript高手加入其team. [2] jQuery是继prototype ...
- 深入学习jQuery选择器系列第一篇——基础选择器和层级选择器
× 目录 [1]id选择器 [2]元素选择器 [3]类选择器[4]通配选择器[5]群组选择器[6]后代选择器[7]兄弟选择器 前面的话 选择器是jQuery的根基,在jQuery中,对事件处理.遍历D ...
- Jquery | 基础 | 慕课网 | 层级选择器
选择器中的层级选择器处理关系类型: 子元素 后代元素 兄弟元素 相邻元素 <!DOCTYPE html> <html> <head> <meta http-e ...
- js进阶 10-5 jquery中的层级选择器有哪些
js进阶 10-5 jquery中的层级选择器有哪些 一.总结 一句话总结: 1.jquery中的层级选择器有哪些? 四种,后代,子代,兄弟,相邻兄弟 2.如何区别jquery中的层级选择器? 记住这 ...
- jQuery---jq基础了解(语法,特性),JQ和JS的区别对比,JQ和JS相互转换,Jquery的选择器(基础选择器,层级选择器,属性选择器),Jquery的筛选器(基本筛选器,表单筛选器),Jquery筛选方法
jQuery---jq基础了解(语法,特性),JQ和JS的区别对比,JQ和JS相互转换,Jquery的选择器(基础选择器,层级选择器,属性选择器),Jquery的筛选器(基本筛选器,表单筛选器),Jq ...
- jquery 层级选择器
关于层级选择器. $("parent > child") 选择所有指定“parent”元素中指定的“child”的直接子项元素. parent :任何有效的选择器. chil ...
随机推荐
- webSphere中文日志乱码,设置日志编码方法
1:管理控制台--->服务器--->应用程序服务器--->server1--->java和进程管理--->进程定义--->java虚拟机--->将通用jvm ...
- 7款纯CSS3实现的炫酷动画应用
1.纯CSS3实现人物摇头动画 这次我们要来分享一款超级可爱的纯CSS3人物摇头动画,初始化的时候人物的各个部位是利用CSS3动画效果拼接而成,接下来就是人物听音乐的场景,一边听音乐一边摇着脑袋,十分 ...
- Myeclipse安装svn插件(link方式)
Myeclipse安装svn插件(link方式) 优点:1.离线安装2.非侵入式 演示版本 myeclipse--myeclipse8.6 svn--subeclipse-site-1.6.5.zip ...
- c语言 char*类型作为中间变量将许多字符串保存到一个数组的问题
char*是一个字符串指针,如下面的程序value_作为一个中间变量用来在for循环中scanf输入的值的接收者,然后将value_保存到array中,但是一下程序会出现一个问题就是当你跳出这个函数时 ...
- 小米pad MI PAD 开发者选项、USB调试开启方式
设置->关于平板->在MIUI版本一行连续点击7次. 之后就出现了开发者选项.可以开启USB调试等. 你能想到吗……??
- 全排列算法(字典序法、SJT Algorithm 、Heap's Algorithm)
一.字典序法 1) 从序列P的右端开始向左扫描,直至找到第一个比其右边数字小的数字,即. 2) 从右边找出所有比大的数中最小的数字,即. 3) 交换与. 4) 将右边的序列翻转,即可得到字典序的下一个 ...
- 《shell下sort排序命令的使用》
首先建立一个文件,很乱,没有规律: 正排序: 倒排序: Uniq 删除文件中的重复行:用此命令要先对文件进行排序. 对文件冗余,只要文件所有重复的字符显示一次: 显示1-7,不重复的行: 只显示1-7 ...
- Placeholdem文本域占位符符号标识JavaScript插件
Placeholdem是文本域占位符符号标识的一个JavaScript插件.占位符的值将逐步删除焦点文字,并在焦点离开逐步恢复. 在线demo:http://placeholdem.jackrugil ...
- 基于ArcGIS API for JavaScript的统计图表实现
感谢原作者分享:https://github.com/shevchenhe/ChartLayer,在使用的过程中,需要自己进行调试修改,主要还是_draw函数,不同的ArcGIS JS API函数有差 ...
- ClickOnce证书签名
打开Microsoft .NET Framework 的SDK命令提示,按以下步骤操作: 1.创建一个自我签署的X.509证书(.cer)和一个.pvk私钥文件,用到makecert工具,命令如下: ...