find-metodi

find-metodi etsii elementtejä jo löydettyjen elementtien sisältä.

Syntaksi

Etsintä valitsimella:

javascript.find(valitsin);

Voi etsiä ei vain valitsimella, vaan myös DOM-elementillä tai jQuery-objektilla:

javascript.find(jQuery objekti tai DOM elementti);

Esimerkki

Etsitään kaikki div-tagit, asetetaan niiden alkuun teksti '!' käyttäen prepend-metodia, sitten niiden sisältä etsitään kaikki kappaleet käyttäen find-metodia ja asetetaan niiden loppuun teksti '?':

html<div>
  <p>teksti</p>
  <p>teksti</p>
  <p>teksti</p>
</div>
<div>
  <p>teksti</p>
  <p>teksti</p>
  <p>teksti</p>
</div>

javascript$('div').prepend('!').find('p').append('?');

HTML-koodi muuttuu näyttämään tältä:

html<div>
  !
  <p>teksti?</p>
  <p>teksti?</p>
  <p>teksti?</p>
</div>
<div>
  !
  <p>teksti?</p>
  <p>teksti?</p>
  <p>teksti?</p>
</div>

Katso myös