communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > sélecteur jquery : la solution du dernier enfant ne fonctionne pas

sélecteur jquery : la solution du dernier enfant ne fonctionne pas

黄舟
Libérer： 2017-06-23 14:59:22
original
2004 Les gens l'ont consulté

jquery :last-child ne fonctionne pas ? ? ?

Collez le code source

<!DOCTYPE html>
<html>
<head>
<style>
span.solast { text-decoration:line-through; }
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<div>
<span>John,</span>
<span>Karl,</span>
<span>Brandon,</span>
<span>Sam</span>
<div id="clearFloat"></div>

</div>
<div>
<span>Glen,</span>
<span>Tane,</span>

<span>Ralph,</span>
<span>David</span>
<div id="clearFloat"></div>

</div>
<script>
$("div span:last-child").css({color:"red", fontSize:"80%"})

</script>

</body>
</html>
Copier après la connexion

Pourquoi ajoutez-vous

après 

$("div span:last-child").css({color:"red", fontSize:"80%"})
Copier après la connexion

Cette phrase ne peut-elle pas prendre effet ? Réduire

Mon objectif est d'obtenir le dernier élément span
sous chaque div et de définir le style CSS 

$.each($("body>div"),function(i){
      $(this).children("span").last().<a href="https://www.baidu.com/s?wd=css&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YLuyu9rjRkujNWnvfvrjIB0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EPHRLnWDzPj0Y" target="_blank" class="baidu-highlight">css</a>({color:"red", fontSize:"80%"})
  });
Copier après la connexion

sur 

$("div span:last").css({color:"red", fontSize:"80%"})
Copier après la connexion

Parce que le dernier enfant n'est plus une travée.

Mon objectif est d'obtenir le dernier élément span sous chaque div
L'utilisation de last ne peut correspondre qu'à un seul élément

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!

Étiquettes associées：
jquery last-child ça ne marche pas 解决 选择器
source：php.cn
Article précédent：Résumé de l'utilisation des sélecteurs jQuery : first-child, :nth-child et :last-child Article suivant：sélecteur jquery : first-child et :last-child ne peuvent pas obtenir la solution à l'élément
Déclaration de ce site Web
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
Derniers articles par auteur
Derniers numéros
Sélectionnez les produits liés au woocommerce à l'aide d'une taxonomie personnalisée avec une hiérarchie à 3 niveaux J'ai une boutique woocommerce avec une classification personnalisée « Sports ». La classif...
Depuis 2024-04-06 20:05:30
0
1
544
Comment utiliser les sélecteurs CSS pour cibler des éléments div contenant des attributs ou des balises spécifiques ? Je travaille sur un système de point de vente qui génère un site Web. La plupart du code e...
Depuis 2024-04-03 22:25:59
0
1
277
Problèmes fonctionnels avec la table tr:first-child td J'utilise CSS et des tableaux pour placer la ligne de fraction entre le numérateur et le d...
Depuis 2024-03-30 13:24:05
0
1
295
Créer des bordures autour d'éléments de différentes hauteurs J'utilise React-Photo-Album pour créer un album photo sur mon site Web. Je me demande s'il...
Depuis 2024-03-30 10:28:37
0
1
331
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal