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
() );
//二級 車系的下一層div
var pl = $(this).find("#modelpl div[name=pl]");
//alert("長度:" + pl.size());
//alert("html:" + pl.html());
pl.each(function
());
//** 排量的下一層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
());
s2 += s3 + "#";
s3 = "";
});s1 += s2 + "@";
s2 = "";
});alert("str:" +s1);
});});
重要思想: 層級遍歷div,一邊定位div,一邊取input值,分兩步走, 關鍵是選擇器的應用.
在當前的遍歷物件this中,關鍵是再次運用選擇器. find()方法.
jQuery選擇器之層級選擇器
文件中的所有的節點之間都是有這樣或者那樣的關係。我們可以把節點之間的關係可以用傳統的家族關係來描述，可以把文件樹當作乙個家譜，那麼節點與節點直接就會存在父子，兄弟，祖孫的關係了。選擇器中的層級選擇器就是用來處理這種關係 子元素 後代元素 兄弟元素 相鄰元素 通過乙個列表，對比層級選擇器的區別 仔細觀...
jQuery選擇器之層級選擇器
若要通過dom 元素之間的層次關係來獲取元素，如後代元素，子元素，相鄰元素和同輩元素，使用jquery的層次選擇器將會是最佳選擇。jquery層次選擇器和css的層次選擇器相同，他們都是根據獲取元素與其父元素，子元素，兄弟元素等的關係而構成的選擇器。jquery中有四種層次選擇器 後代選擇器 子選擇...
jsp層級選擇器 jQuery 選擇器
1.基本選擇器 id id選擇器 div 元素選擇器 classname 類選擇器 classname,classname1,id1 組合選擇器 2.層次選擇器 id classname 子元素選擇器 id classname 後代元素選擇器 id classname 緊鄰下乙個元素選擇器 id c...