Modifier CSS en utilisant "if" dans jQuery

Question

Existe-t-il un moyen de modifier le code CSS d'une div parente seulement si l'enfant est visible? Et de retour quand non ??? Je me suis creusé la cervelle et je suis tout à fait googlé et jQuery documenté.

Answer 1

$(".childClass").each(function(){ 
    if($(this).is(":visible")) 
    { 
     $(this).parent().css("some_attribute", "some_value"); 
    } 
    else 
    { 
     $(this).parent().css("some_attribute", "default_value"); 
    } 
}); 

Vous pouvez également utiliser addClass/removeClass sur le parent, mais soyez prudent si vous supprimez une classe que vous utilisez dans le cadre du sélecteur pour trouver l'élément enfant.

Answer 2

if(($('#childId').css('display')!="none")&&($('#childId').css('visibility')!="hidden"){ 
    $('#childId').parent().css('property',value); 
} 

Answer 3

Cela peut ne pas être aussi efficace que Chris Doggett de, mais il est plus court ... pensé que je le jeter là-bas que vous auriez l'option:

$("childClass:visible").parent().css("some_attribute", "some_value"); 
$("childClass:hidden").parent().css("some_attribute", "default_value"); 

Answer 4

$(".childClass").each(function(){ 
    var $this = $(this); 

    $this.is(":visible") ? $this.parent().css("some_attribute", "some_value") 
         : $this.parent().css("some_attribute", "some_value") 
});