真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

jquery尋找父級的方法是什么

本文小編為大家詳細(xì)介紹“jquery尋找父級的方法是什么”,內(nèi)容詳細(xì),步驟清晰,細(xì)節(jié)處理妥當(dāng),希望這篇“jquery尋找父級的方法是什么”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學(xué)習(xí)新知識吧。

員工經(jīng)過長期磨合與沉淀,具備了協(xié)作精神,得以通過團(tuán)隊(duì)的力量開發(fā)出優(yōu)質(zhì)的產(chǎn)品。創(chuàng)新互聯(lián)堅(jiān)持“專注、創(chuàng)新、易用”的產(chǎn)品理念,因?yàn)椤皩W⑺詫I(yè)、創(chuàng)新互聯(lián)網(wǎng)站所以易用所以簡單”。公司專注于為企業(yè)提供做網(wǎng)站、網(wǎng)站建設(shè)、微信公眾號開發(fā)、電商網(wǎng)站開發(fā),小程序開發(fā),軟件定制網(wǎng)站等一站式互聯(lián)網(wǎng)企業(yè)服務(wù)。

4個方法:1、parent(),可以查找當(dāng)前元素的“父元素”,語法“$(選擇器).parent(表達(dá)式)”;2、parents(),可查找所選元素的祖先元素,語法“$(選擇器).parents(表達(dá)式)”;3、parentsUntil(),可查找指定范圍的所有祖先元素,語法“$(選擇器).parentsUntil(表達(dá)式)”;4、closest(),可被選元素的第一個祖先元素。

jquery尋找父級的方法

  • parent()

  • parents()

  • parentsUntil()

  • closest()

方法一:parent()

在jQuery中,我們可以使用parent()方法來查找當(dāng)前元素的“父元素”。記住,元素只有一個父元素。

語法:

$(selector).parent(expression)

說明:參數(shù)expression表示jQuery選擇器表達(dá)式,用來過濾父元素。當(dāng)參數(shù)省略時,則選擇所有的父元素。如果參數(shù)不省略,則選擇符合條件的父元素。

元素不是只有一個父元素么?為什么還有“符合條件的父元素”這一說法?對于這個,可以看看下面的例子。

舉例:



	
		
		
			$(function() {
				$("p").parent(".lvye").css("color", "red");
			})
		
	
	
		

創(chuàng)新互聯(lián)jQuery入門教程

創(chuàng)新互聯(lián)jQuery入門教程

創(chuàng)新互聯(lián)jQuery入門教程

效果如下:

jquery尋找父級的方法是什么

方法二:parents()

parents()方法和parent()方法相似,都是用來查找所選元素的祖先元素。但是這兩個方法也有著本質(zhì)的區(qū)別。

其實(shí)這2個方法也很好區(qū)分,parent是單數(shù)形式,查找的祖先元素只有1個,那就是父元素。而parents是復(fù)數(shù)形式,查找的祖先元素當(dāng)然是所有的祖先元素。

語法:

$(selector).parents(expression)

說明:參數(shù)expression表示jQuery選擇器表達(dá)式字符串,用來過濾祖先元素。當(dāng)參數(shù)省略時,則選擇所有的祖先元素。如果參數(shù)不省略,則選擇符合條件的祖先元素。

舉例:



	
		
		
			$(function() {
				$("#btn").click(function() {
					var parents = $("span").parents()
						.map(function() {
							return this.tagName;
						})
						.get().join(",");
					alert("span元素的所有祖先元素為:" + parents.toLowerCase());
				});
			})
		
	
	
		

jQuery入門教程

效果如下:

jquery尋找父級的方法是什么

jquery尋找父級的方法是什么

方法三:parentsUntil()

parentsUntil()方法是對parents()方法的一個補(bǔ)充,它可以查找指定范圍的所有祖先元素,相當(dāng)于在parents()方法返回集合中截取部分祖先元素。

語法:

$(selector).parentsUntil(expression)

說明:參數(shù)expression表示jQuery選擇器表達(dá)式字符串,用來過濾祖先元素。當(dāng)參數(shù)省略時,則選擇所有的祖先元素。如果參數(shù)不省略,則選擇符合條件的祖先元素。

參數(shù)selector表示jQuery選擇器表達(dá)式字符串,用以確定范圍的祖先元素。該參數(shù)為可選,如果省略,則將匹配所有祖先元素,這一點(diǎn)跟parents()方法查找結(jié)果是一樣的。










 body (曾曾祖父節(jié)點(diǎn))
  div (曾祖父節(jié)點(diǎn))
    
    ul (祖父節(jié)點(diǎn))         
  • li (直接父節(jié)點(diǎn))         span       
  •     
      

jquery尋找父級的方法是什么

方法4:closest()

closest() 方法返回被選元素的第一個祖先元素。

語法:

$(selector).closest(expression)

示例:返回 的第一個父元素,是一個

  • 元素:

    
    
    
    
    
    
    
    
    
    body (曾曾祖先節(jié)點(diǎn))
    	div (曾祖先節(jié)點(diǎn))
    		
      ul (第二祖先 - 第二祖先節(jié)點(diǎn)) 
        ul (第一祖先 - 第一祖先節(jié)點(diǎn))
      • li (直接父節(jié)點(diǎn)) span
       
  • jquery尋找父級的方法是什么

    讀到這里,這篇“jquery尋找父級的方法是什么”文章已經(jīng)介紹完畢,想要掌握這篇文章的知識點(diǎn)還需要大家自己動手實(shí)踐使用過才能領(lǐng)會,如果想了解更多相關(guān)內(nèi)容的文章,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。


    當(dāng)前文章:jquery尋找父級的方法是什么
    URL分享:http://weahome.cn/article/pgsisj.html

    其他資訊

    在線咨詢

    微信咨詢

    電話咨詢

    028-86922220(工作日)

    18980820575(7×24)

    提交需求

    返回頂部