Question

首先請訪問該小提琴，點擊單選按鈕： http://jsfiddle.net/skfNh

當單選按鈕點擊你可能已經注意到在這兩個 div class='letter'兩個文本（與黑色背景顏色）的變化。我想單獨做。 我試過用.each()函數做，但沒有奏效。如何才能做到這一點？

有在目前的jQuery代碼瞥見我，試圖：

$(".selections").append("<div class='letter'>A</div>"); 
$(".one").click(function() { 
    $(".letter").text("B"); 
}); 
$(".two").click(function() { 
    $(".letter").text("A"); 
}); 

Answer 1

在這種情況下，你需要找到letter與點擊單選按鈕父selections。

$(".selections").append("<div class='letter'>A</div>"); 
$(".one").click(function() { 
    $(this).closest('.selections').find('.letter').text("B"); 
}); 
$(".two").click(function() { 
    $(this).closest('.selections').find('.letter').text("A"); 
}); 

演示：Fiddle

Answer 2

$(".one, .two").click(function() { 
    var $this = $(this), 
     text = $this.hasClass('one') ? 'B' : 'A'; 
    $this.parent().siblings(".letter").text(text); 
}); 

http://jsfiddle.net/4y5DX/

Answer 3

$('.selections').each(function() { 
    var el = $(this), 
     _one = el.find('.one'), 
     _two = el.find('.two'); 

    el.append("<div class='letter'>A</div>"); 

    var letter = el.find('.letter'); 

    _one.click(function() { 
     letter.text("B"); 
    }); 

    _two.click(function() { 
     letter.text("A"); 
    }); 
}); 

Answer 4

這樣做將是設置信類的id屬性的最簡單方法。然後這樣做：

$("#firstletter").text("B"); 
$("#secondletter").text("B"); 

應更換：

$("letter") calls