jquery如何獲取第一個或最后一個子元素

!DOCTYPE?html

專注于為中小企業(yè)提供成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)城關(guān)免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了1000+企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

html?lang="en"

head

meta?charset="UTF-8"

titleDocument/title

script?src="js/jquery-3.2.0.min.js"/script

style

.bg{

color:?#fff;

background:?#ffda44;

}

li{

}

/style

/head

body

p獲取第一個跟最后一個子元素并為他們增加樣式./p

ul

li我是1號/li

li我是2號/li

li我是3號/li

li我是4號/li

li我是5號/li

/ul

button?class="btn1"確定/button

button?class="btn2"獲取第三個子元素/button

script

$(function(){

//?為按鈕綁定點(diǎn)擊事件

$("button.btn1").click(function(event)?{

//獲取第一個子元素

$("ul").children("li:first").addClass('bg');

//獲取最后一個子元素

$("ul").children("li:last").addClass('bg');

});

$("button.btn2").click(function(event)?{

//獲取第三個子元素

$("ul").children().eq(2).addClass('bg');

});

})

/script

/body

/html

jquery 選擇后有多個元素取第一個

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

獲取一組dom對象，但是我們只想操作第一個元素時，有什么好方法來用

jquery

第一個元素的呢，用jquery

第一個元素很簡單，用到了篩選的方法，假設(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

取得第一個元素的方法

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

jquery如何獲取第一個子元素

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

!--加載jquery--

script?src=""/script

script

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

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

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

});

/script

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

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

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

是子選擇器獲取所有子級

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

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

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

:last獲取最后一個元素

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

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

jquery怎么獲取一個元素指定屬性的值

$(this).parent().find("i[isShow='fou']")

該元素就是屬性isshow為fou的i元素，注意引號。

jQuery是一個快速、簡潔的JavaScript框架，是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫（ 或JavaScript框架）。jQuery設(shè)計(jì)的宗旨是“write Less，Do More”，即倡導(dǎo)寫更少的代碼，做更多的事情。

它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設(shè)計(jì)模式，優(yōu)化HTML文檔操作、事件處理、動畫設(shè)計(jì)和Ajax交互。

jQuery的模塊可以分為：入口模塊、底層支持模塊和功能模塊。其核心特性可以總結(jié)為：具有獨(dú)特的鏈?zhǔn)秸Z法和短小清晰的多功能接口。

具有高效靈活的css選擇器，并且可對CSS選擇器進(jìn)行擴(kuò)展；擁有便捷的插件擴(kuò)展機(jī)制和豐富的插件。jQuery兼容各種主流瀏覽器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

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

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

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

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

示例代碼：

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

jquery怎樣獲取第一個父元素

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

1、parent([expr])

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

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

代碼如下

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

2、:parent

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

代碼如下

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

3、parents([expr])

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

代碼如下

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

4、closest([expr])

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

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

closest對于處理事件委派非常有用。

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

網(wǎng)站名稱：jquery取第一個元素,jq獲取第一個元素
文章來源：http://chinadenli.net/article43/dsigges.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制開發(fā)、營銷型網(wǎng)站建設(shè)、微信公眾號、微信小程序、App開發(fā)、全網(wǎng)營銷推廣

廣告

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