jQuery - metodo parent ([selector])

Descrizione

Il parent( [selector] )metodo ottiene il genitore diretto di un elemento. Se chiamato su un insieme di elementi, genitore restituisce un insieme dei loro elementi genitore diretti univoci.

Sintassi

Ecco la semplice sintassi per utilizzare questo metodo:

selector.parent( [selector] )

Parametri

Ecco la descrizione di tutti i parametri utilizzati da questo metodo:

  • selector - Questo è un selettore opzionale con cui filtrare il genitore.

Esempio

Di seguito è riportato un semplice esempio che mostra l'utilizzo di questo metodo.

<html>
   <head>
      <title>The jQuery Example</title>
      <script type = "text/javascript" 
         src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
      </script>
		
      <script type = "text/javascript" language = "javascript">
         $(document).ready(function(){
            $("p").parent().addClass('hilight');
         });
      </script>
		
      <style>
         .hilight { background:yellow; }
      </style>
   </head>
	
   <body>
      <scan>Top Element</scan>
      <div>
         <div>sibling<div>child</div></div>
         <p>sibling</p>
         <scan>sibling</scan>
      </div>
   </body>
</html>

Questo produrrà il seguente risultato:

Esempio

Di seguito è riportato un semplice esempio che mostra l'utilizzo di questo metodo.

<html>
   <head>
      <title>The jQuery Example</title>
      <script type = "text/javascript" 
         src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
      </script>
		
      <script type = "text/javascript" language = "javascript">
         $(document).ready(function(){
            $("p").parent().addClass('hilight');
         });
      </script>
		
      <style>
         .hilight { background:yellow; }
      </style>
   </head>
	
   <body>
      <scan>Top Element</scan>
      <div class = "hilight">
         <div>sibling<div>child</div></div>
         <p>sibling</p>
         <scan>sibling</scan>
      <div>
   </body>
</html>

Questo produrrà il seguente risultato:

jquery-traversing.htm