jquery - 使用 jquery 在多个 div 中选择子链接时出错

Question

我有 4 个带有 class 的 div v_block。每个都有 2 个与 class 的链接more。我试图仅针对每个 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

您想this在each, 中使用该循环迭代this的特定div内容；然后使用find查找其中的a.more元素。div

更新小提琴

$(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"});
    });
});