Meetod attr

Meetod attr võimaldab hankida ja muuta mis tahes elemendi atribuuti.

Oluline on mitte segi ajada elementide omadusi ja atribuute. DOM-puu loomisel teisendatakse atribuudid vastavatesse elementide DOM-omadustesse. Nende nimetused ei lange alati kokku, samuti nende väärtused. Mõnedel omadustel ei pruugi olla ka vastavaid atribuute, neid saab hankida ja määrata ainult meetodi prop kasutamisel, näiteks omadus tagName.

Süntaks

Atribuudi väärtuse hankimine:

$(valija).attr(atribuudi nimi);

Atribuudi väärtuse muutmine:

$(valija).attr(atribuudi nimi, uus väärtus);

Mitme atribuudi väärtuste muutmine:

$(valija).attr({esimene_atribuut: uus_väärtus, teine_atribuut: uus_väärtus, ...});

Funktsiooni rakendamine igale elemendile komplektis:

$(valija).attr(atribuudi nimi, function(indeks komplektis, atribuudi praegune väärtus));

Näide

Järgmises näites hankime sisendvälja selle id järgi ja kuvame ekraanil selle atribuudi value väärtuse:

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

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

Näide

Nüüd kirjutame uue väärtuse 'www' samasse atribuuti:

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

HTML-kood näeb välja selline:

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

Näide

Muudame korraga atribuute type ja value:

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

HTML-kood näeb välja selline:

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

Näide

Muudame igale sisendväljale atribuuti value - lisame praegusele value-le elemendi järjekorranumbri komplektis:

<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-kood näeb välja selline:

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

Vaata ka

meetod removeAttr,
mis võimaldab elementide atribuute eemaldada
meetod prop,
mis võimaldab töötada elementide omadustega
meetod val,
mis võimaldab hankida ja muuta elemendi praegust väärtust