jQuery获取父元素的css background-color值

时间:2012-04-26 12:59:22

标签: jquery html css dom

我想做一些有点尴尬的事情,我的伪代码不起作用,但应该解释我正在尝试做什么。我有4个单选按钮组,分为6个独立的div,共有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);
});

任何帮助将不胜感激。 :)谢谢。

5 个答案:

答案 0 :(得分:7)

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

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

答案 1 :(得分:2)

$("#voucher_selection_container input:radio").change(function(){

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

});

答案 2 :(得分:0)

$('input:radio').change(function(){
 var backColor = $(this).parent().css("background-color");
});

答案 3 :(得分:0)

通过使用父功能,您将能够访问父div

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

答案 4 :(得分: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); 
});

试试这个