Maison >interface Web >tutoriel CSS >Comment puis-je sélectionner la dernière division visible à l'aide de CSS et JavaScript ?

Comment puis-je sélectionner la dernière division visible à l'aide de CSS et JavaScript ?

Linda Hamilton
Linda Hamiltonoriginal
2024-11-30 11:29:13860parcourir

How Can I Select the Last Visible Div Using CSS and JavaScript?

Sélection du dernier div visible avec CSS

En CSS, il n'est pas nativement possible de cibler un élément visible spécifique à l'aide d'un seul sélecteur. Une technique dite :visible n'est pas suffisante dans ce contexte car elle englobe tous les éléments visibles, sans faire de distinction entre le dernier élément visible ou autre.

Pour surmonter cette limitation et sélectionner le dernier div visible, il faut envisager une alternative approches, telles que la manipulation des styles et l'exploitation de JavaScript ou de jQuery.

Approche JavaScript et jQuery

Utilisation de JavaScript ou jQuery, on peut réaliser cette sélection comme suit :

  • Utilisez le sélecteur :visible pour cibler les divs visibles.
  • Employez la méthode last() pour obtenir le dernier div visible.
var last_visible_element = $('div:visible:last');

Si les divs visibles possèdent une classe ou un identifiant spécifique, affinez le sélecteur en conséquence :

var last_visible_element = $('#some-wrapper div:visible:last');

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn