Wednesday, April 25, 2012

[jQuery] 用$(this)怎麼取物件(父、子、同輩、前、後) (parent , children, siblings, next, nextAll, prev)

我們常會在迴圈中用到"this",例如:

$("div").each(function(){
  alert($(this).html())
});

當取到this物件後,要對其相對物件作處理時,會發現無法像平常一樣的使用選擇器,這時候可以用下面的東西取代...
.parent() 父物件
.children() 子物件
.siblings() 同輩物件
.next() 下一個物件
.nextAll() 之後的所有同輩物件
.prev() 上一個物件

網路上有一些特別的用法,例如:children(0)、children()[0]、children("img"),大家可以玩玩看。

另外,可以搭配find()去找到想控制的物件,例如:
$(this).find("span.redword").css("color","red");

參考 W3C官網

No comments:

Post a Comment