jQuery obtenir css background-color de la valeur de l'élément parent

Je veux faire quelque chose d'un peu maladroit et mon pseudo code ne fonctionne pas, mais qu'il explique ce que je suis en train de faire. J'ai des groupes de 4 boutons radio, dans 6 vrd, donc 24 radios au total. Chaque div est un particulier de la couleur de fond. Lorsqu'un bouton radio dans une div est sélectionné, j'ai besoin de saisir la couleur de la div le bouton d'option sélectionné est à l'intérieur, et il est stocké dans une variable prêt à les appliquer à un élément qui va être créée par la suite...

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

Toute aide serait appréciée. 🙂 Merci.

Pouvez-vous fournir le code HTML?
Est-ce vrai? jsfiddle.net/5ttMj/1 Si vous modifiez parent à closest cela fonctionne: jsfiddle.net/5ttMj/2

OriginalL'auteur i-CONICA | 2012-04-26

  1. 7

    Essayer closest() pour trouver le prochain élément correspondant en haut de l'arborescence DOM

    var color = $(this).closest("div").css("background-color");
    Salut, vous avez raison. Les parents me donner un fieldset, j'aurais besoin d'un parent().parent(), évidemment c'est pas juste, plus proche, fonctionne parfaitement. Je vous remercie.
    Ouais, peu délicat - parfois, les DOM ne correspond pas au format HTML
    Notez que vous pourriez avoir utilisé .les parents('div') aswell
    vous obtiendrez tous les parents qui sont les divs
    Je vois, mais il ya une chance que .plus proche retourne un enfant, n'est-ce pas? Je voudrais appliquer une classe à la div pour s'en assurer. puis les parents('.de la classe) ne devrait pas échouer

    OriginalL'auteur izb

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

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

});

    OriginalL'auteur Toni Michel Caubet

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

    OriginalL'auteur Stefan Pöltl

  4. 0

    À l'aide de la fonction parent, vous serez en mesure d'accéder à la div parent

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

    OriginalL'auteur ianaz

  5. 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); 
});

    Essayer cette

    OriginalL'auteur Falcon