2

我想做一些有点尴尬的事情，我的伪代码不起作用，但应该解释我想要做什么。我有 4 个单选按钮组，在 6 个单独的 div 中，所以总共有 24 个单选按钮。每个 div 都是特定的背景颜色。When a radio button within a particular div is selected, I need to grab the colour of the div the selected radio button is within, and have it stored in a variable ready to apply it to an element that'll be created next...

    $("#voucher_selection_container input:radio").change(function(){
    //var color = $(this).parent("div").css("background-color");
    //alert(color);
    $("#voucher_customisation_container").slideDown(600);
    //$("#voucher_customisation_container .voucher_box").css("background-color", color);
});

任何帮助，将不胜感激。：） 谢谢。

4

5 回答 5

7

尝试closest()在 DOM 树上查找下一个匹配元素

var color = $(this).closest("div").css("background-color");
于 2012-04-26T13:07:29.680 回答
2 
$("#voucher_selection_container input:radio").change(function(){

     var color = $(this).parent("div").css("backgroundColor");

});
于 2012-04-26T13:04:34.573 回答
0 
$("#voucher_selection_container input:radio").change(function(){
    var color = $(this).parent().css("background-color");
    alert(color);
    //$("#voucher_customisation_container").slideDown(600);
    $("#voucher_customisation_container .voucher_box").css("background-color", color); 
});

尝试这个

于 2012-04-26T13:06:29.657 回答
0 
$('input:radio').change(function(){
 var backColor = $(this).parent().css("background-color");
});
于 2012-04-26T13:04:18.307 回答
0

通过使用 parent 函数，您将能够访问父 div

$('radio').click(function(){
  $(this).parent();
});
于 2012-04-26T13:05:14.480 回答