css js 獲取第幾個節點元素

2021-08-21 06:11:26 字數 2291 閱讀 6625

1.1 css3 : nth-child()選擇器

例項:規定屬於父元素的第二個p的背景色改變

p:nth-child(2)
例項:1.2 css3: nth-of-type(2)選擇器

p:nth-of-type(2)
例項:奇偶數

//odd:奇數1.3 css3奇數偶數

//even: 偶數

2.1    父節點:parentnode 屬性以 node 物件的形式返回指定節點的父節點。

例項:返回 元素的 parentnode(父節點):

document.getelementbyid("item1").parentnode;
2.2    子節點:childnodes 屬性返回節點的子節點集合,以 nodelist 物件。

例項:獲得 body 元素的子節點集合:

document.body.childnodes;
2.3    第乙個子節點:firstchild 屬性返回指定節點的首個子節點,以 node 物件。

例項:返回文件的首個子節點:

document.firstchild;
2.4    最後乙個子節點:lastchild 屬性返回指定節點的最後乙個子節點,以 node 物件。

例項:返回列表中的最後乙個子節點:

document.getelementbyid("mylist").lastchild;
例項:返回列表項的 previoussibling(前乙個同胞節點):

document.getelementbyid("item2").previoussibling;
document.getelementbyid("item1").nextsibling;
3.jq獲取節點元素

父節點:parent() 獲得當前匹配元素集合中每個元素的父元素,使用選擇器進行篩選是可選的。

例項:查詢每個段落的帶有 "selected" 類的父元素:

$("p").parent(".selected")
所有父節點:parents() 獲得當前匹配元素集合中每個元素的祖先元素,使用選擇器進行篩選是可選的。

例項:查詢每個 b 元素的所有父元素:

$("b").parents()
所有子節點:children() 方法返回被選元素的所有直接子元素。

例項:找到類名為 "selected" 的所有 div 的子元素,並將其設定為藍色:

$("div").children(".selected").css("color", "blue");例項:檢索每個段落,找到類名為 "selected" 的前乙個同胞元素:

$("p").prev(".selected")

之前所有的兄弟節點:prevall() 獲得當前匹配元素集合中每個元素的前面的同胞元素,使用選擇器進行篩選是可選的。

例項:定位最後乙個 div 之前的所有 div,並為它們新增類:

$("div:last").prevall().addclass("before");$("p").next(".selected").css("background", "yellow");
之後所有的兄弟節點:nextall() 獲得匹配元素集合中每個元素的所有跟隨的同胞元素,由選擇器篩選是可選的。

例項:查詢第乙個 div 之後的所有類名,並為他們新增類名:

$("div:first").nextall().addclass("after");
所有的兄弟節點:siblings() 獲得匹配集合中每個元素的同胞,通過選擇器進行篩選是可選的。

例項:查詢每個 p 元素的所有類名為 "selected" 的所有同胞元素:

$("p").siblings(".selected")
節點:find() 方法獲得當前元素集合中每個元素的後代,通過選擇器、jquery 物件或元素來篩選。

例項:搜尋所有段落中的後代 span 元素,並將其顏色設定為紅色:

$("p").find("span").css('color','red');

list 取第幾個元素

usr bin python word a b c d e f g 取第二個元素 a word 2 print a is a 取第2 3個元素 b word 1 3 print b is print b 取前2個元素 c word 2 print c is print c 取所有元素 d word ...

jquery獲取第幾個元素的方法總結

jquery獲取第幾個元素的方法總結 使用jquery時經常會遇到,選擇器選擇一組元素後,需要在這組元素中找到第幾個元素。jquery中使用eq 方法找到第幾個元素或第n個元素,jquery中eq 的使用如下 eq 選擇器選取帶有指定 index 值的元素。index 值從 0 開始,所有第乙個元素...

輸出第幾個到第幾個素數

if flag 0 counter 發現乙個素數 if flag 0 counter m counter n if counter n break return 0 這題耗費了我將近兩天的時間,各種小細節層出不窮。可能也是因為很久沒有上手的原因,除了很多問題。首先最大的乙個錯誤,就是flag 1 這...