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

Sélecteur CSS pour récupérer la dernière division visible

La mise en page HTML fournie présente une requête difficile : sélectionner la dernière division visible, à l'exclusion des divisions masquées (marqué comme "affichage : aucun"). Bien que les sélecteurs CSS puissent cibler efficacement divers éléments en fonction de leurs attributs et de leur position, ils ne disposent pas de fonctionnalités permettant de différencier les éléments visibles et masqués dans un contexte particulier.

Reconnaissant cette limitation, vous pouvez envisager des approches alternatives :

Utilisation de JavaScript ou jQuery :

En tirant parti de JavaScript ou de sa bibliothèque populaire, jQuery, vous pouvez accéder au modèle objet de document (DOM) et manipuler dynamiquement les éléments HTML. Avec cette fonctionnalité améliorée, vous pouvez utiliser le code suivant :

var last_visible_element = $('div:visible:last');

Ce code récupère toutes les divisions visibles sur la page et sélectionne la dernière visible. Cependant, il est suggéré d’envisager de regrouper les divisions ciblées dans une classe ou un identifiant pour une meilleure flexibilité. Cet affinement permet un ciblage plus spécifique, comme indiqué ci-dessous :

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

Remarque : Cette solution nécessite la mise en œuvre de jQuery ou de JavaScript sur la page.

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!