1. 程式人生 > >jquery子元素過濾選擇器,

jquery子元素過濾選擇器,

1.1. 子元素過濾選擇器

根據子元素順序來獲取。

nth-child(序號);根據序號來選擇,序號是從1開始,也可以設定odd even 根據奇偶來設定

也可以通過倍數(例如3n+1來設定

:first-child(); 獲取第一個

:last-child(); 獲取最後一個

:only-child(); 獲取只有一個子元素元素

示例:

$(function() {

//設定列表中第2個li字號為30

$("ul li:nth-child(2)").css("font-size",40)

//設定列表中第一行字型為紅色    first-child 匹配第一個子元素

$("ul li:first-child"

).css("color","red");

//設定列表中最後一行字型為藍色last-child 匹配最後一個子元素

$("ul li:last-child").css("color","blue");

//獲取ul下只有一個li的資訊only-child 匹配是唯一子元素的元

alert($("ul li:only-child").html());

});