jquery如何獲取第乙個或最後乙個子元素?

2022-09-06 12:48:19 字數 3122 閱讀 3355

通過children方法,children("input:first-child")12

$(this).children("input:first-child").val();

$(this).children("input:last-child").val();

通過》選擇器,$(".items>input:first")

在這裡轉一篇《jquery選擇元素的方法大全》

1. 先說說通過位置選擇的幾個操作:

:first:預設情況下是相對整個頁面來說的第乙個,如:li:first表示整個頁面的第乙個li元素,而ul li:first表示整個頁面的第乙個li元素,並且是在ul下的子元素;

:last:同上了,只是是最後乙個而已;

:first-

child:為每個父元素匹配第乙個子元素,如li:first-child返回每個ul的第乙個li元素。可以這樣理解,頁面中的元素有相同的父元素

的,並且裡面又包含li元素的,那麼就取第乙個li元素,每個子類集合都要進行判斷,直到找出所有符合要求的li元素;

:last-child:這個也與上面相對了,只是取的是最後乙個;

:only

- child:返回所有沒有兄弟節點的元素,注意,文字元素不是,也就是說類似這樣的hellojquery

,對於這段會選出元素;對 於$(」label

:only-child「)會選出是label元素,同時它是它父類唯一的子元素的label元素;

:nth-child(n):返回第n個子節點,n從1開始,如果n取0,那麼就會選擇所有的元素。如:[*]li:nth-child(2)返回li元素,並且該元素是其父元素的第二個子元素;

:nth-child(even|odd):返回偶數或奇數的子節點;

:nth-child(an+b):返回滿足表示式an+b的所有子節點,比如3n+1返回所處位置為父節點子元素的是3的倍數加1的那個子元素;

:even:頁面範圍內的處於偶數字置的元素,如:li:even返回全部偶數li元素;

:odd:頁面範圍內的處於奇數字置的元素;

:eq(n):第n個匹配的元素(n從0開始),如:li:eq(3)返回整個頁面的第四個li元素,ul li:eq(1)返回頁面中第乙個ul元素下的第二個li元素,注意:只匹配一次就返回了;

:gt(n):第n個匹配元素(不包括)之後的元素(n從0開始),如:ul:gt(2)返回從第3個ul開始的所有ul元素(含第三個);

:lt(n):第n個匹配元素(不包括)之前的元素(n從0開始),如:ul:lt(2)返回從第0個和第1個ul元素;

2. 利用css選擇器進行選擇:

元素標籤名:比如說$(」a「)會選出所有鏈結元素;

#id:通過元素id進行選擇,比如說$("#form1")會選擇id為form1的元素;

.class:通過元素的css類來選擇,比如說$(".boldstyle

")會選擇css為boldstyle類的元素;

標籤 名#id.class:通過某類元素的id屬性和class屬性來選擇,如:$(a#blog.boldstyle)會選擇id為blog並且css型別

為.boldstyle型別的鏈結元素();

父標籤名 子標籤名.class:通過選擇父標籤下的某種css型別的子元素,如:$(p a.red

style)會選擇p段落元素中的鏈結子元素a,且其css

型別為.redstyle;

3. 通過子選擇器,容器選擇器和屬性選擇器進行選擇:

*:匹配所有的元素,比如說:$(*)會把頁面中的所有元素都返回;

e:匹配標籤名為e的所有元素,如$("a")返回所有鏈結元素;

e f:匹配父元素e下的標籤名為f的所有子元素(f可以為e的子類的子類,甚至更遠);

e>f:匹配父元素e下的所有標籤名為f的直接子元素;

e+f:匹配所有標籤

名為f的元素,並且有e型別的兄弟節點在該f元素之前(e,f緊挨著);

e~f:匹配前面是任何兄弟節點e的所有元素f(e,f不必緊挨著);

e:has(f):匹配標籤名為e,至少有乙個標籤名為f的後代節點的所有元素e;

e.c:匹配帶有類名c的所有元素e。.c等效於*.c;

e#i:匹配id為i的所有元素e,#i等效於*#i;

e[a]:匹配帶有屬性a的所有元素e;

e[a=v]:匹配所有屬性a的值為v的元素e;

e[a^=v]:匹配所有元素e,且a的屬性值是v開頭的;

e[a$=v]:匹配所有元素e,且a的屬性值是v結尾的;

e[a*=v]:匹配所有元素e,且a的屬性值中包含有v;

4.利用jquery自定義的選擇器進行選擇:

:button:選擇任何按鈕

型別的元素,包括input[type=submit]等等;

:checkbox:選擇核取方塊元素;

:file:選擇所有檔案型別元素,即input[type=file];

:image:選擇表單中的影象元素,即input[type=image],注意此處和前面根據標籤

名img

選擇影象有點不同哈;

:input:選擇表單元素,如,,,等;

:radio

:選擇單選按鈕元素;

:reset:選擇復位按鈕元素,如input[type=reset],button[type=reset];

:submit:選擇提交按鈕元素;

:text:選擇文字字段元素,即input[type=text];

:animated:選擇當前處於動態控制下的元素;

:contains(hello):選擇包含文字hello的元素;

:header:選擇標題元素,如;

:parent:選擇擁有後代節點(包括文字)的元素,而排除空元素;

:selected:選擇已選中的選項元素;

:visible:選擇可見元素;

:enable:選擇介面上已經可以使用的表單元素;

:disabled:選擇介面上被禁用的表單

元素;:checked:選擇已選中的核取方塊或單選按鈕

php 如何獲取陣列第乙個值

reset p程式設計客棧hp 3,php 4,php 5 reset 將陣列的內部指標指向第乙個單元 說明mixed reset array array reset 程式設計客棧 將 array 的內部指標倒回到第乙個單元並返回第乙個陣列單元的值,如果陣列為空則返回 false。例 1.reset...

第乙個最簡單的tkinter

import tkinter thelabel.pack 自動調節元件位置尺寸 提公升版 importtkinter classdef init self,master frame tkinter.frame master 創造frame物件 框架物件 frame.pack side tkinter...

Excel匯入時,如何獲取第乙個Sheet名稱

怎樣才能獲得excel中各個sheet的名稱呢?這樣就能動態的選中返回哪個sheet的資料,即使使用者更改了名稱也不怕,完全可以把所有sheet的名稱列出來供使用者選擇 根據excel的檔案的路徑提取其中表的資料 excel檔案的路徑 private void string path 包含excel...