我想做一些有点尴尬的事情,我的伪代码不起作用,但应该解释我正在尝试做什么。我有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);
});
任何帮助将不胜感激。 :)谢谢。
答案 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);
});
试试这个