jQuery Girl
  1. jQuery Girl
  3. Comment append des CSS personnalisés pour le dernier enfant uniquement s’ils sont visibles avec Jquery?
Intereting Posts
Comment obtenir une barre de progression charger le contenu du corps et se cacher à 100%? comment afficher deux données de tables dans jqgrid en utilisant struts2 – plugin jqgrid et hibernate Comment effacer une valeur sélectionnée dans la liste déroulante selectize.js jQuery animation détecte si animer? JQuery comment effacer toutes les entrées: champs de texte d’une classe .sur un formulaire. Ne travaille pas pour moi Ne sélectionnez qu’une partie d’une page HTML avec la méthode .post () de jQuery? Remplacement des caractères n centraux en JavaScript La jauge Highcharts garde l’infobulle visible et centrée vues laravel dans la mise en page à onglet Semantic-UI Signalr error: une erreur s’est produite lors de l’appel de la méthode Hub avec js complet Comment obtenir un identifiant de périphérique unique à partir d’une application Jquery, HTML5 Mobile jQuery en boucle n’attendant pas d’animation jQuery vérifie si le cookie existe, sinon le crée JQuery Ajax et ASP.NET MVC3 provoquant des parameters null Cochez / décochez toutes les cases

Comment append des CSS personnalisés pour le dernier enfant uniquement s’ils sont visibles avec Jquery?

J’autorise les utilisateurs à rendre des parties d’une liste cachées / visibles, etc.

Maintenant voici ma liste:

La liste de base, mais l’élément de la fin de liste contient des CSS personnalisées “border-bottom: none” – pour l’améliorer, 

     
  • Item
    •  
  • widget
    •  
  • Item
    •  
  • Item
    •  
  • Widget
    •  
  • Widget
    •

Lorsque j’utilise le dernier sélecteur, pour append du CSS personnalisé, cela fonctionne parfaitement. Mon problème est que lorsque je masque les widgets, ils sont masqués comme prévu, mais le CSS personnalisé est utilisé à ce sujet et, comme ils sont masqués, la bordure est toujours visible.

Ma question est la suivante: comment appliquer le code CSS au dernier enfant visible ?

utilisez le sélecteur “: visible”: 

 $("li:visible:last").css("your css rules");