錯誤選擇多個div內部子鏈接與jQuery

Question

我有4個格與v_block類。每個人與類more有2個鏈接。我試圖只針對每個div中的第一個鏈接。這裏的代碼http://jsfiddle.net/AAznD/2/

在實際的例子中（它是動態顯示的），我試圖改變鏈接的背景圖像，使第一個寬邊框顯示，第二個顯示只是你可以見下文

快照鏈接它的目標是所有類的「更多」的DIV中的鏈接，但它的jsfiddle

$(".v_block").each(function() { 
    $(".v_block a.more:first-child").css({"background-image":"url(images/wide_more.gif)","width":"338px","height":"14px","left":"-23px"}); 
}); 

這裏的偉大工程是一個快照：http://img90.imageshack.us/img90/8687/capturemrb.jpg。

。

Answer 1

希望將each中使用this，作爲this將成爲該循環迭代的具體div;然後用find找到a.more元素內是div。

Updated Fiddle

$(document).ready(function(e) { 
    $(".v_block").each(function() { 
     $(this).find("a.more").filter(':first').css({"color":"#d31577","text-decoration":"none"}); 
    }); 
}); 

您還可以使用first()而不是filter(":first")。

$(document).ready(function(e) { 
    $(".v_block").each(function() { 
     $(this).find("a.more").first().css({"color":"#d31577","text-decoration":"none"}); 
    }); 
});