jquery如何獲取第一個(gè)或最后一個(gè)子元素

如果一個(gè)jQuery對(duì)象表示一個(gè)DOM元素的集合，.first()方法會(huì)構(gòu)造一個(gè)新的jQuery對(duì)象，它包含了前一個(gè)集合的第一個(gè)元素。

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了上思免費(fèi)建站歡迎大家使用！

ul

lilist item 1/li

lilist item 2/li

lilist item 3/li

lilist item 4/li

lilist item 5/li

/ul

$('li').first().css('background-color',

'red');

調(diào)用的結(jié)果是第一個(gè)列表項(xiàng)目為紅色背景。

如果一個(gè)jQuery對(duì)象表示一個(gè)DOM元素的集合，.last()方法從最后一個(gè)匹配的元素中構(gòu)造一個(gè)新的jQuery對(duì)象。

考慮一個(gè)頁面上的一個(gè)簡單的列表：

$('li').last().css('background-color',

'red');

調(diào)用的結(jié)果是最后一個(gè)列表項(xiàng)目為紅色背景。

jquery如何獲取第一個(gè)或最后一個(gè)子元素？

1、獲取第一個(gè)子元素有如下方法：

（1）:first

舉：$('div.one:first')，獲取所有class="one"的div的第一個(gè)div子元素。這里的限制在于父子元素都是同一種，即父元素如果是span標(biāo)簽，獲取的第一個(gè)子元素也是span標(biāo)簽，如果父元素是table標(biāo)簽，獲取的子元素也是table標(biāo)簽。

（2）:first-child

如：$('div.one:first-child')，獲取所有class="one"的div的第一個(gè)子元素，注意是“所有”，意思是說，如果這個(gè)div有多外，那么獲取的第一個(gè)子元素也是有多個(gè)。

（3）使用eq()方法

如：$('div.one span:eq(1)'),獲取class="one"下的div的第一個(gè)span子元素，同（2）一樣，也是有多個(gè)div也是獲取多個(gè)div的第一個(gè)元素。

可以通過獲取id，或者直接在父層限制一個(gè)eq(1)這樣的形式去獲取惟一一個(gè)子元素

jquery怎樣獲取第一個(gè)父元素

我們的目的是通過 id 為 item1 的便簽a取到 class 為 parent1 的ul元素，有以下幾種方法：

1、parent([expr])

取得一個(gè)包含著所有匹配元素的唯一父元素的元素集合。

你可以使用可選的表達(dá)式來篩選。

代碼如下

pre class="brush: js;"$('#item1').parent().parent('.parent1');/pre

2、:parent

匹配含有子元素或者文本的元素

代碼如下

pre class="brush: js;"$('li:parent');/pre

3、parents([expr])

取得一個(gè)包含著所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通過一個(gè)可選的表達(dá)式進(jìn)行篩選。

代碼如下

pre class="brush: js;"$('#items').parents('.parent1');/pre

4、closest([expr])

closest會(huì)首先檢查當(dāng)前元素是否匹配，如果匹配則直接返回元素本身。如果不匹配則向上查找父元素，一層一層往上，直到找到匹配選擇器的元素。如果什么都沒找到則返回一個(gè)空的jQuery對(duì)象。

closest和parents的主要區(qū)別是：1，前者從當(dāng)前元素開始匹配尋找，后者從父元素開始匹配尋找；2，前者逐級(jí)向上查找，直到發(fā)現(xiàn)匹配的元素后 就停止了，后者一直向上查找直到根元素，然后把這些元素放進(jìn)一個(gè)臨時(shí)集合中，再用給定的選擇器表達(dá)式去過濾；3，前者返回0或1個(gè)元素，后者可能包含0 個(gè)，1個(gè)，或者多個(gè)元素。

closest對(duì)于處理事件委派非常有用。

pre class="brush: js;"$('#items1').closest('.parent1');/pre

jquery如何獲取第一個(gè)子元素

下面寫個(gè)例子來獲取id為demo的元素的第一個(gè)子元素。

!--加載jquery--

script?src=""/script

script

$(function(){//頁面加載完成時(shí)進(jìn)入

var?firstChild=$("#demo:first");//用選擇器的方式獲取第一個(gè)子元素

firstChild.css('color','red');//將第一個(gè)子元素中的文字變?yōu)榧t色，可以看到只有“111”是紅色的

});

/script

div?id="demo"span111/spanspan222/spanspan333/span/div

說明一下以上例子中用到選擇器

#demo是id選擇器獲取id為demo的元素

是子選擇器獲取所有子級(jí)

:first是首項(xiàng)選擇器獲取第一個(gè)元素

三者結(jié)合起來就是獲取id為demo的元素的所有子元素中的第一個(gè)元素。

其實(shí)jquery的選擇器有很多，包括：

:last獲取最后一個(gè)元素

:eq(index)獲取第index個(gè)選擇器

更多可以直接百度搜索“jquery選擇器”來查看。

jquery 選擇后有多個(gè)元素取第一個(gè)

我們經(jīng)常能夠用jquery

獲取一組dom對(duì)象，但是我們只想操作第一個(gè)元素時(shí)，有什么好方法來用

jquery

第一個(gè)元素的呢，用jquery

第一個(gè)元素很簡單，用到了篩選的方法，假設(shè)有這樣一段一組列表：

ul

li11/li

li22/li

li33/li

li44/li

li55/li

/ul

我們要取到11

所在的

li

元素，有一下幾種方法：

$('ul').find('li:first');

$('ul

li:first');

$('ul

li').eq(0);

這幾種方法，就是常用的

jquery

取得第一個(gè)元素的方法

轉(zhuǎn)載，僅供參考。

jquery如何獲取每一行的最后一列的第一個(gè)元素

1.遍歷要操作的table的tr；

2.通過選擇器td:last獲取到本行最后一個(gè)單元格td；

3.通過first()獲取到第一個(gè)元素；

示例代碼：

html

head

title/title

script?src="Scripts/jquery-1.7.2.min.js"?type="text/javascript"/script

script?type="text/javascript"

$(document).ready(function?()?{

var?obj;

$("tr").each(function?()?{

obj?=?$(this).find("td:last").first();

console.log($(obj).html());

});

});

/script

/head

body

table

tr

td1/td

td2/td

tdh1aaaa/h13/td

/tr

tr

td4/td

td5/td

tdh3bbbb/h36/td

/tr

/table

/body

/html

網(wǎng)站題目：jquery獲取第一個(gè)元素,jquery找到指定元素的第一個(gè)元素
轉(zhuǎn)載來于：http://chinadenli.net/article2/dsijgoc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)網(wǎng)站建設(shè)、服務(wù)器托管、用戶體驗(yàn)、靜態(tài)網(wǎng)站、品牌網(wǎng)站制作、響應(yīng)式網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)