jQuery获取父元素的css背景颜色值

我想做一些有点尴尬的事情，我的伪代码不起作用，但应该解释一下我想做什么。我有一组4个单选按钮，在6个单独的分区中，所以总共有24个收音机。每个div都是特定的背景色。当一个特定div中的单选按钮被选中时，我需要获取所选单选按钮所在div的颜色，并将其存储在一个变量中，以便将其应用于下一个将创建的元素

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

---

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

通过使用parent函数，您可以访问parent div

$('radio').click(function(){
  $(this).parent();
});

尝试此操作

尝试

最近的（）

查找DOM树上的下一个匹配元素

var color = $(this).closest("div").css("background-color");

---

嗨，你说得对。Parent会给我一个字段集，我需要Parent（）.Parent（），显然这是不对的，最接近的工作方式很完美。谢谢。请注意，您可以使用.parents（'div'）aswell@Toni

parents（'div'）

会让您看到所有的div父母，但有一种可能性。nexist返回一个child，不是吗？我将向div应用一个类来确保。那么父母（'.class'）不应该失败不，最近的只在DOM树上找到最近的，而不是向下。这是正确的吗？如果您将父项更改为最近的，则它可以工作：

$('radio').click(function(){
  $(this).parent();
});

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

var color = $(this).closest("div").css("background-color");