jQuery - Metodo DOM text ()

Descrizione

Il html( val ) ottiene il contenuto di testo combinato di tutti gli elementi corrispondenti.

Il risultato è una stringa che contiene il contenuto di testo combinato di tutti gli elementi corrispondenti. Questo metodo funziona sia su documenti HTML che XML.

Sintassi

Ecco la semplice sintassi per utilizzare questo metodo:

selector.text( )

Parametri

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

  • NA

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() {
            $("div").click(function () {
               var content = $(this).text();
               $("#result").text(content);
            });
         });
      </script>
		
      <style>
         .div{ margin:10px;padding:12px; border:2px solid #666; width:60px;}
      </style>
   </head>
	
   <body>
      <p>Click on any square below to see the result:</p>
      <p id = "result"> THIS IS TEST </p>
		
      <div class = "div" style = "background-color:blue;">
         <h1>This is square one </h1>
      </div>
		
      <div class = "div" style = "background-color:green;">
         <h1>This is square two </h1>
      </div>
		
      <div class = "div" style = "background-color:red;">
         <h1>This is square three </h1>
      </div>
   </body>
</html>

Questo produrrà il seguente risultato:

jquery-dom.htm