0

class を持つ 4 つの div がありv_blockます。それぞれに class との 2 つのリンクがありますmore。各 div でのみ最初のリンクをターゲットにしようとしています。ここにコードがありますhttp://jsfiddle.net/AAznD/2/

実際の例 (動的に表示されます) では、リンクの背景画像を変更して、最初の画像を幅広の境界線で表示し、2 番目の画像を下のスナップショット リンクでわかるように単語だけを表示するようにしようとしています。

div内のクラス「more」を持つすべてのリンクを対象としていますが、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 .

http://img90.imageshack.us/img90/8687/capturemrb.jpg.

4

1 に答える 1

2

そのループ反復に固有のものとなるように、this内で使用したい。次に、その中の要素を見つけるために使用します。eachthisdivfinda.morediv

更新されたフィドル

$(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"});
    });
});
于 2012-12-13T08:15:26.747 に答える