16 of 119 menu

after-metodi

after-metodi lisää tekstin määritetyn elementin jälkeen. On olemassa myös insertAfter-metodi, joka toimii vastaavalla tavalla.

Syntaksi

Tekstin lisääminen elementin jälkeen:

$(valitsin).after(teksti);

Näin valittujen elementtien jälkeen lisätään teksti, jonka käyttäjän määrittämä funktio palauttaa. Funktiota kutsutaan erikseen jokaiselle valituille elementeille. Ensimmäinen parametri tässä funktiossa on kunkin valitun elementin indeksi joukossa (vuorotellen), toinen on elementin nykyinen sisältö:

$(valitsin).after(function(indeksi joukossa, elementin nykyinen sisältö));

Teksti voi olla paitsi tavallista tekstiä, myös DOM-elementti tai jQuery-objekti. Tässä tapauksessa nämä elementit siirretään niiden nykyiseltä paikalta HTML-koodissa.

Esimerkki

Lisätään teksti määritetyn kappaleen jälkeen:

<p id="test">teksti</p> $('#test').after('!!!');

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

<p id="test">teksti</p>!!!

Esimerkki

Lisätään teksti tunnisteineen määritetyn kappaleen jälkeen:

<p id="test">teksti</p> $('#test').after('<p>!!!</p>');

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

<p id="test">teksti</p><p>!!!</p>

Esimerkki

Siirretään yksi kappale toisen alle (eli leikataan kappale vanhalta paikalta ja asetetaan uudelle):

<p id="p1">teksti1</p> <p id="p2">teksti2</p> $('#p1').after($('#p2'));

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

<p id="p1">teksti1</p> <p id="p2">teksti2</p>

Katso myös

  • insertAfter-metodi,
    joka lisää tekstin määritetyn elementin jälkeen
  • before-, append-, prepend-metodit,
    jotka mahdollistavat sisällön lisäämisen tiettyyn paikkaan sivulla
  • clone-metodi,
    joka luo kopioita valituista elementeistä
Suomi
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Käytämme evästeitä verkkosivuston toiminnalle, analytiikalle ja personoinnille. Tietojen käsittely tapahtuu Tietosuojakäytännön mukaisesti.
hyväksy kaikki mukauta hylkää