მეთოდი after
after მეთოდი ამატებს ტექსტს
მითითებული ელემენტის შემდეგ. ასევე არსებობს
insertAfter
მეთოდი, რომელიც მუშაობს ანალოგიურად.
სინტაქსი
ტექსტის ჩასმა ელემენტის შემდეგ:
$(სელექტორი).after(ტექსტი);
ასე დაემატება მითითებული ელემენტების შემდეგ ტექსტი, რომელიც დააბრუნებს მომხმარებლის ფუნქციას. ფუნქცია იწოდება ცალ-ცალკე თითოეული მითითებული ელემენტისთვის. პირველ პარამეტრში ამ ფუნქციის გადაეცემა თითოეული მითითებული ელემენტის რიგითი ნომერი ნაკრებში (რიგრიგობით), მეორეში - ელემენტის მიმდინარე შიგთავსი:
$(სელექტორი).after(function(ნომერი ნაკრებში, ელემენტის მიმდინარე შიგთავსი));
ტექსტი შეიძლება იყოს არა მხოლოდ ჩვეულებრივი ტექსტი, არამედ DOM ელემენტი ან jQuery ობიექტი. ამ შემთხვევაში ეს ელემენტები გადაადგილდებიან მათი პოზიციიდან HTML კოდში.
მაგალითი
დავამატოთ ტექსტი მითითებული აბზაცის შემდეგ:
<p id="test">text</p>
$('#test').after('!!!');
HTML კოდი ასე გამოიყურება:
<p id="test">text</p>!!!
მაგალითი
დავამატოთ ტექსტი ტეგებით მითითებული აბზაცის შემდეგ:
<p id="test">text</p>
$('#test').after('<p>!!!</p>');
HTML კოდი ასე გამოიყურება:
<p id="test">text</p><p>!!!</p>
მაგალითი
გადავაადგილოთ ერთი აბზაცი მეორის ქვეშ (ანუ ამოვჭრათ აბზაცი ძველი ადგილიდან და დავსვათ ახალში):
<p id="p1">text1</p>
<p id="p2">text2</p>
$('#p1').after('#p2');
HTML კოდი ასე გამოიყურება:
<p id="p2">text2</p>
<p id="p1">text1</p>
იხილეთ აგრეთვე
-
მეთოდი
insertAfter,
რომელიც ამატებს ტექსტს მითითებული ელემენტის შემდეგ -
მეთოდები
before,append,prepend,
რომლებიც საშუალებას აძლევს დაამატო შიგთავსი გვერდის გარკვეულ ადგილას -
მეთოდი
clone,
რომელიც ქმნის არჩეული ელემენტების ასლებს
