after მეთოდი jQuery-ში
after მეთოდი საშუალებას გვაძლევს დავამატოთ
ტექსტი ელემენტების შემდეგ.
განვიხილოთ შემდეგი მაგალითი, დავუშვათ გვაქვს აბზაცი:
<p>ტექსტი</p>
ახლა ჩავწეროთ შემდეგი Javascript კოდი:
$('p').after('<b>!!!</b>');
კოდის შესრულების შემდეგ აბზაცი ასე გამოიყურება:
<p>ტექსტი</p><b>!!!</b>
აღსანიშნავია, რომ ყველა ზემოთ ჩამოთვლილი ჩასმის მეთოდი
- prepend, append,
before და after ასევე ითვალისწინებს
ფუნქციის გამოყენების შესაძლებლობას თითოეულ
ელემენტზე კოლექციაში.
მოდი ვიპოვოთ ყველა აბზაცი და თითოეულის ბოლოში დავამატოთ მისი რიგითი ნომერი კოლექციაში:
<p>ტექსტი</p>
<p>ტექსტი</p>
<p>ტექსტი</p>
$('p').append(function(index){return index;});
ყოველი h2-ის შემდეგ ჩასვით '<p>?</p>'.
ერთი ჯაჭვით ყოველი h2-ის წინ ჩასვით
'<p>!</p>', ხოლო h2-ის შემდეგ -
'<p>?</p>'.