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 ...
随机推荐
- band
#include<iostream> #include<math.h> using namespace std; int calculate(double amount[],i ...
- oracle 备份与还原 及相关操作
drop user 用户名 cascade; ........删除用户 create user 用户名 identified by 密码 default tablespace 数据文件名 tempor ...
- C#参数化SQL查询
//写一个存储过程 ALTER PROCEDURE dbo.Infosearch ( @bmid smallint = null, @xm varchar()=null, @xb varchar()= ...
- javascript 数字字符串转为数字
var a="111"; comsole.log(a); //打印出来是个字符串类型 comsole.log(+a); //打印出来是个数字类型 comsole.log ...
- CMD规范的函数与普通函数间调用
/* * a.js * 普通的非cmd规范的js文件 */ function fun1(){ console.log("fun1"); //调用seajs模块中的fun1 seaj ...
- 转: js操作cookie
cookie的几个概念 http://dearhappyfish.blog.163.com/blog/static/1901094152012422114753777/ js操作cookie 转:ht ...
- 转:java中volatile关键字的含义
转:java中volatile关键字的含义 在java线程并发处理中,有一个关键字volatile的使用目前存在很大的混淆,以为使用这个关键字,在进行多线程并发处理的时候就可以万事大吉. Java语言 ...
- 如何学好PHP
1.明确自己的学习目标和大的方向,选择并锁定一门语言,按照自己的学习方向努力学习.认真研究. 2.学会配置PHP的开发环境,选择一种适合自己的开发工具. 3.基础扎实,多阅读一些基础教材,了解基本的编 ...
- AIX 中 Paging Space 使用率过高的分析与解决
AIX操作系统中Paging Space是很重要的设备,当系统中Paging Space使用率过高.系统内存不足时,将影响系统的整体性能,甚至会造成系统的挂起.针对这种情况,通常可以靠增加Paging ...
- JAVA面试题集之基础知识
JAVA面试题集之基础知识 基础知识: 1.C 或Java中的异常处理机制的简单原理和应用. 当JAVA程序违反了JAVA的语义规则时,JAVA虚拟机就 ...