insertBefore-metodi

insertBefore-metodi lisää tekstin ennen määriteltyä elementtiä. On olemassa myös before-metodi, joka toimii vastaavalla tavalla.

Syntaksi

Tekstin lisääminen elementin eteen:

javascript$(teksti).insertBefore(selektori);

Sisältö voi olla paitsi tavallista tekstiä, myös DOM-elementti, selektori, elementtitaulukko, merkkijono tai jQuery-objekti.

Esimerkki

Lisätään tekstitägien kera ennen määriteltyä kappaletta:

html<p id="test">kappale</p>
javascript$('<p>!!!</p>').insertBefore('#test');

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

html<p>!!!</p><p id="test">kappale</p>

Katso myös

  • before-metodi,
    joka lisää tekstin ennen määriteltyä elementtiä
  • metodit insertAfter, appendTo, prependTo,
    joiden avulla sisältöä voidaan lisätä tiettyyn paikkaan sivulla
  • clone-metodi,
    joka luo valittujen elementtien kopiot