Selecteurs: "parent > enfant"

Recherche tous les éléments définis par le sélecteur "enfant", fils direct de l'élément parent spécifié par le sélecteur "parent".

Version: disponible depuis la version 1.0 de JQuery

Valeur de retour: -

Exemple :

Assigne une bordure a tous les fils direct de l'élément disposant de la classe "main". Les petits fils de cet élément ne sont pas concernés par le modification de style.

$("#main > *").css("border", "3px double red");

  <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(){
  		$("#main > *").css("border", "3px double red");

  	});
  </script>
  
  <style>
  
  body { font-size:14px; }
  span#main { display:block; background:yellow; height:110px; }
  button { display:block; float:left; margin:2px; 
           font-size:14px; }
  div { width:90px; height:90px; margin:5px; float:left;
        background:#bbf; font-weight:bold; }
  div.mini { width:30px; height:30px; background:green; }
  
  </style>
  </head>
  <body>
  	    
<span id="main">
    <div></div>
    <button>Child</button>
    <div class="mini"></div>
    <div>
      <div class="mini"></div>
      <div class="mini"></div>
    </div>
    <div><button>Grand</button></div>
    <div><span>A Span <em>in</em> child</span></div>
    <span>A Span in main</span>
  </span>

  </body>
  </html>

0 Commentaire (afficher/poster)