მეთოდი attr

მეთოდი attr საშუალებას აძლევს მიიღოს და შეცვალოს ელემენტის ნებისმიერი ატრიბუტი.

მნიშვნელოვანია არ აგვერიოს ელემენტების თვისებები და ატრიბუტები. DOM ხის შექმნისას ატრიბუტები გარდაიქმნება ელემენტების შესაბამის DOM თვისებებში. მათი სახელები ყოველთვის არ ემთხვევა, როგორც არ ემთხვევა მათი მნიშვნელობებიც. ზოგიერთ თვისებას ასევე შეიძლება არ ჰქონდეს მათი შესაბამისი ატრიბუტები, მათი მიღება და დაყენება მხოლოდ მეთოდის prop გამოყენებით შეიძლება, მაგალითად თვისება tagName.

სინტაქსი

ატრიბუტის მნიშვნელობის მიღება:

$(სელექტორი).attr(ატრიბუტის სახელი);

ატრიბუტის მნიშვნელობის შეცვლა:

$(სელექტორი).attr(ატრიბუტის სახელი, ახალი მნიშვნელობა);

რამდენიმე ატრიბუტის მნიშვნელობის შეცვლა:

$(სელექტორი).attr({პირველი_ატრიბუტი: ახალი_მნიშვნელობა, მეორე_ატრიბუტი: ახალი_მნიშვნელობა, ...});

ფუნქციის გამოყენება ნაკრების თითოეულ ელემენტზე:

$(სელექტორი).attr(ატრიბუტის სახელი, function(ნომერი ნაკრებში, ატრიბუტის მიმდინარე მნიშვნელობა));

მაგალითი

შემდეგ მაგალითში ჩვენ მივიღებთ ინფუთს მისი id-ის მიხედვით და ეკრანზე გამოვიტანთ მისი ატრიბუტის value მნიშვნელობას:

<input type="text" value="!!!" id="test">

let value = $('#test').attr('value');
console.log(value);

მაგალითი

ახლა კი ჩავწეროთ ახალი მნიშვნელობა 'www' ამავე ატრიბუტში:

<input type="text" value="!!!" id="test"> $('#test').attr('value', 'www');

HTML კოდი ასე გამოიყურება:

<input type="text" value="www" id="test">

მაგალითი

შევცვალოთ ერთდროულად ატრიბუტები type და value:

<input type="text" value="!!!" id="test"> $('#test').attr({value: 'www', type: 'password'});

HTML კოდი ასე გამოიყურება:

<input type="password" value="www" id="test">

მაგალითი

შევცვალოთ თითოეული ინფუთის ატრიბუტი value - დავუმატოთ მიმდინარე value-ს ელემენტის რიგითი ნომერი ნაკრებში:

<input type="text" value="aaa">
<input type="text" value="bbb">
<input type="text" value="ccc">

$('input').attr('value', function(index, value) {
	return value + ' ' + index;
});

HTML კოდი ასე გამოიყურება:

<input type="text" value="aaa 0">
<input type="text" value="bbb 1">
<input type="text" value="ccc 2">

იხილეთ აგრეთვე

მეთოდი removeAttr,
რომელიც საშუალებას აძლევს წაშალოს ელემენტების ატრიბუტები
მეთოდი prop,
რომელიც საშუალებას აძლევს იმუშაოს ელემენტების თვისებებთან
მეთოდი val,
რომელიც საშუალებას აძლევს მიიღოს და შეცვალოს ელემენტის მიმდინარე მნიშვნელობა