Metode attr

Metode attr ļauj iegūt un mainīt jebkuru elementa atribūtu.

Ir svarīgi nejaukt elementu īpašības un atribūtus. Veidojot DOM koku, atribūti tiek pārveidoti par atbilstošajām DOM elementu īpašībām. To nosaukumi ne vienmēr sakrīt, tāpat kā to vērtības. Dažām īpašībām var arī nebūt atbilstošu atribūtu, tās var iegūt un iestatīt tikai izmantojot metodi prop, piemēram, īpašību tagName.

Sintakse

Atribūta vērtības iegūšana:

$(selektors).attr(atribūta nosaukums);

Atribūta vērtības mainīšana:

$(selektors).attr(atribūta nosaukums, jaunā vērtība);

Vairāku atribūtu vērtību mainīšana:

$(selektors).attr({pirmais_atribūts: jaunā_vērtība, otrais_atribūts: jaunā_vērtība, ...});

Funkcijas piemērošana katram elementam komplektā:

$(selektors).attr(atribūta nosaukums, function(numurs komplektā, atribūta pašreizējā vērtība));

Piemērs

Nākamajā piemērā mēs iegūsim ievades lauku pēc tā id un izvadīsim ekrānā tā atribūta value vērtību:

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

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

Piemērs

Un tagad ierakstīsim jaunu vērtību 'www' šajā pašā atribūtā:

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

HTML kods izskatīsies šādi:

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

Piemērs

Mainīsim vienlaicīgi atribūtus type un value:

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

HTML kods izskatīsies šādi:

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

Piemērs

Mainīsim katram ievades laukam atribūtu value - pievienosim pašreizējai value vērtībai elementa kārtas numuru komplektā:

<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 kods izskatīsies šādi:

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

Skatiet arī

metode removeAttr,
kas ļauj dzēst elementu atribūtus
metode prop,
kas ļauj strādāt ar elementu īpašībām
metode val,
kas ļauj iegūt un mainīt elementa pašreizējo vērtību