TIPS-jQuery.filter的條件化執行效果

$("table tr").each(function(i) {

    var tr = $(this);

    tr.find("td:first").text(i);

    var allTr = tr.parent().children();

    if (allTr.index(tr) == 0) 

        tr.find("td:eq(1)").text("First");

    if (allTr.index(tr) == allTr.length - 1) 

        tr.find("td:eq(1)").text("Last");

});

$("table tr").each(function(i) {

    $(this).find("td:first").text(i).end()

    .filter(":last-child").find("td:eq(1)").text("Last*").end().end()

    .filter(":first-child").find("td:eq(1)").text("First*");

});

# Ammon said on 24 April, 2009 03:43 AM

這樣也可以

$("table tr").filter('tr:last td:eq(1)').text('Last*').end()

.filter('tr:first td:eq(1)').text('First*').end()

.find('td:first').each(function(i) {

   $(this).text(i)

});

# VampireNeo said on 24 April, 2009 10:29 AM

利害 @@"

# KINK said on 26 April, 2009 12:24 AM

小的想了快一整天...Ammon大，謝囉！

# Jeffrey said on 26 April, 2009 08:24 AM

to Ammon, 您的寫法比較直覺，感謝補充。

該範例程式原本用在td click中判別該tr是否為第一或最後一列，為了簡化說明做了改寫，看來改得不是很恰當。:P

# KINK said on 04 May, 2009 07:07 AM

J大....好！小弟想問個關於選擇器的問題，怎麼會越看越不熟@@!問題是這樣....以下

<div>

         <input type="checkbox" name="appetizers"value="imperial"/>Fried Imperial rolls (2)

         <input type="text" name="imperial.quantity"disabled="disabled" value="1"/>$<span></span>

       <div>

           <input type="radio" name="imperial.option"value="pork" checked="checked"/>Pork

       </div>

     </div>

書上是這樣用$('div',$(this).parents('div:first'))，可以選到第2層的DIV，但小弟實在不太懂，要怎麼解讀呢？

# Jeffrey said on 04 May, 2009 08:27 AM

to KINK, 先拆解成 jQuery( expression, context )，意思是指在$(this).parents("div:first")中找"div"這個子元素。你提供的資料中沒有說明，我猜這段應該是寫在checkbox的click事件上吧? (有沒有猜錯?) $(this).parents("div:first")可以找到包住checkbox的div，再依expression在其中去找子/孫元素div，就會找到包住radio的div，是否就是你說的第二層div?

在jQuery 1.3+，parents("div:first")可以簡寫成closest("div")，效果相同。

# KINK said on 04 May, 2009 10:22 PM

感謝J大的解說，剛剛也去對照官網上的說明，原來context是這個意思阿！

你的看法呢?

標題 (必要的) 

姓名 (必要的) 

你的URL (選擇性的)

意見 (必要的) 

Remember Me?

請輸入以上的數字:

搜尋