Selecteurs: ":only-child"

Sélectionne les éléments qui sont le seul fils des éléments répondant à la sélection.

Version: disponible depuis la version 1.0 de JQuery

Valeur de retour: tableau d'éléments

Exemple :

Recherche et modifie l'apparence des boutons qui n'ont pas de frère.

$("div button:only-child").text("Alone").css("border", "2px blue solid");
  <html>
  <head>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  <script type="text/javascript">
  	$(document).ready(function(){
  		$("div button:only-child").text("Alone").css("border", "2px blue solid");
  	});
  </script>
  
  <style>
  
  div { width:100px; height:80px; margin:5px; float:left; background:#b9e }
  
  </style>
  </head>
  <body>
  	  
  <div>
    <button>Sibling!</button>
    <button>Sibling!</button>
  </div>
  <div>
    <button>Sibling!</button>
  </div>
  <div>
    None
  </div>
  <div>  
    <button>Sibling!</button>
    <button>Sibling!</button>
    <button>Sibling!</button>
  </div>
  <div>
    <button>Sibling!</button>
  </div>
  </body>
  </html>

0 Commentaire (afficher/poster)