Metodo contents

Il metodo contents ottiene gli elementi discendenti, inclusi testo e commenti.

Sintassi

Il metodo non accetta parametri:

javascript.contents();

Il metodo contents funziona in modo simile al metodo children, la differenza si manifesta quando si tenta di accedere al testo dei discendenti. Confronta i due esempi riportati di seguito:

Esempio

Usiamo il metodo children:

html<p id="test">testo1 <b>grassetto</b> testo2</p>
javascript$('#test').children().each(
  function() {
    console.log($(this).text()); // stamperà 'grassetto'
  }
);

Esempio

Usiamo il metodo contents:

html<p id="test">testo1 <b>grassetto</b> testo2</p>
javascript$('#test').contents().each(
  function() {
    console.log($(this).text()); // stamperà 'testo1', 'grassetto', 'testo2'
  }
);

Vedi anche

  • metodo children,
    che permette di ottenere gli elementi discendenti
  • metodo parent,
    che permette di ottenere l'elemento genitore diretto
  • metodo parents,
    che permette di ottenere tutti i genitori dell'elemento
  • metodo closest,
    che permette di ottenere l'elemento genitore più vicino che soddisfa il selettore