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