recherche

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

黄舟
黄舟original
2017-06-23 14:59:222021parcourir

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>

Pourquoi ajoutez-vous bab2239d8d8f4f800fcac6874f0f057016b28748ea4df4d9c2150843fecfba68 après 

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

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%"})
  });

sur 

$("div span:last").css({color:"red", fontSize:"80%"})

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!

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
Article précédent：Résumé de l'utilisation des sélecteurs jQuery : first-child, :nth-child et :last-childArticle suivant：Résumé de l'utilisation des sélecteurs jQuery : first-child, :nth-child et :last-child

Articles Liés

Voir plus