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层级选择器的更多相关文章

  1. Jquery操作层级选择器

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  2. jQuery的层级选择器

    <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8 ...

  3. JQuery学习笔记——层级选择器

    JQuery学习笔记--层级选择器 上一篇学习了基础的五种选择,分别是id选择器,class选择器,element选择器,*选择器 和 并列选择器.根据手册大纲,这篇学习的是层级选择器. 选择器: 1 ...

  4. 什么是 jQuery 和jQuery的基本选择器,层级选择器,基本筛选器

    jQuery是什么? [1]   jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多 javascript高手加入其team. [2]   jQuery是继prototype ...

  5. 深入学习jQuery选择器系列第一篇——基础选择器和层级选择器

    × 目录 [1]id选择器 [2]元素选择器 [3]类选择器[4]通配选择器[5]群组选择器[6]后代选择器[7]兄弟选择器 前面的话 选择器是jQuery的根基,在jQuery中,对事件处理.遍历D ...

  6. Jquery | 基础 | 慕课网 | 层级选择器

    选择器中的层级选择器处理关系类型: 子元素 后代元素 兄弟元素 相邻元素 <!DOCTYPE html> <html> <head> <meta http-e ...

  7. js进阶 10-5 jquery中的层级选择器有哪些

    js进阶 10-5 jquery中的层级选择器有哪些 一.总结 一句话总结: 1.jquery中的层级选择器有哪些? 四种,后代,子代,兄弟,相邻兄弟 2.如何区别jquery中的层级选择器? 记住这 ...

  8. jQuery---jq基础了解(语法,特性),JQ和JS的区别对比,JQ和JS相互转换,Jquery的选择器(基础选择器,层级选择器,属性选择器),Jquery的筛选器(基本筛选器,表单筛选器),Jquery筛选方法

    jQuery---jq基础了解(语法,特性),JQ和JS的区别对比,JQ和JS相互转换,Jquery的选择器(基础选择器,层级选择器,属性选择器),Jquery的筛选器(基本筛选器,表单筛选器),Jq ...

  9. jquery 层级选择器

    关于层级选择器. $("parent > child") 选择所有指定“parent”元素中指定的“child”的直接子项元素. parent :任何有效的选择器. chil ...

随机推荐

  1. Nginx集群(转)

    转自:http://hi.baidu.com/xingyuanju/blog/item/779a2a23b7ebb749935807f1.html http://hi.baidu.com/dianhu ...

  2. Mac支付宝插件风波

    1.前言 首先我喜欢看一些创业的书,很多书里都会有马云的身影,马云也算是对我有一定的影响,从而我对淘宝也产生了一定的好感.但是关于这次插件事情,我对阿里产生了一些排斥的心里作用.我并不想吐槽淘宝,也不 ...

  3. Windows7系统禁用USB和启用USB方法

    被迫装了XX软件之后,无线网络和USB都被禁用了,XX软件还不能被卸载.只能用PE进去时候把XX软件安装目录进行删除,但是删除之后还是不能识别U盘,从网上找到办法一看是注册表的项被修改了. 注册表项为 ...

  4. vim配置python开发环境

    vim配置python开发环境 一.安装vim sudo apt-get install vim 二.vim基础配置 #Centos6.5 /usr/share/vim/vim72 vi /etc/v ...

  5. Discuz X3.2 SEO设置 title 不支持空格的解决方法

    很多使用 Discuz X3.2 的同学都发现这么一个问题:在后台SEO设置-title设定的时候,即使你在连字符两侧输入了空格,在前台也显示不出来,很多同学纠结这个问题,今天终于找到了解决方法,在此 ...

  6. sql语句中like匹配的用法详解

    在SQL结构化查询语言中,LIKE语句有着至关重要的作用. LIKE语句的语法格式是:select * from 表名 where 字段名 like 对应值(子串),它主要是针对字符型字段的,它的作用 ...

  7. Lua 常用的shell命令

    lua作为一种小巧的脚本语言,其函数等动作可以使用shell命令进行运行和调试,以下是几个常用的shell命令.基本格式是  lua [选项参数] [脚本参数] (1)%lua 程序名.lua     ...

  8. HTTP传递数据的几种方法

    Http请求的时候,需要传递参数给后端,一般都是key-value的形式,传递的方法有很多种 例如需要传递的数据是 dict(key1=value1,key2=value2) 1. URL参数 把参数 ...

  9. Png图片的透明部分穿透测试

           private void Window_MouseMove(object sender, MouseEventArgs e){ NavBtnList.Clear(); Point mou ...

  10. django 更新model

    修改models.py 中对应的class 在admin.py 中 增加 admin.site.register(WafDevice) 进入dbshell python manage.py dbshe ...