Metodas attr

Metodas attr leidžia gauti ir pakeisti bet kurį elemento atributą.

Svarbu nepainioti elementų savybių ir atributų. Kuriant DOM medį, atributai paverčiami atitinkamomis DOM elementų savybėmis. Jų pavadinimai ne visada sutampa, kaip ir jų reikšmės. Kai kurios savybės taip pat gali neturėti atitinkamų atributų, jos gali būti gautos ir nustatytos tik naudojant metodą prop, pavyzdžiui, savybė tagName.

Sintaksė

Atributo reikšmės gavimas:

$(selektorius).attr(atributo pavadinimas);

Atributo reikšmės keitimas:

$(selektorius).attr(atributo pavadinimas, nauja reikšmė);

Kelių atributų reikšmių keitimas:

$(selektorius).attr({pirmas_atributas: nauja_reikšmė, antras_atributas: nauja_reikšmė, ...});

Funkcijos taikymas kiekvienam elementui rinkinyje:

$(selektorius).attr(atributo pavadinimas, function(numeris rinkinyje, dabartinė atributo reikšmė));

Pavyzdys

Šiame pavyzdyje mes gausime input pagal jo id ir išvesime į ekraną jo atributo value reikšmę:

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

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

Pavyzdys

O dabar įrašysime naują reikšmę 'www' į tą patį atributą:

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

HTML kodas atrodys taip:

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

Pavyzdys

Pakeiskime vienu metu atributus type ir value:

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

HTML kodas atrodys taip:

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

Pavyzdys

Pakeiskime kiekvienam inputui atributą value - pridėkime prie dabartinio value eilės numerį elemento rinkinyje:

<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 kodas atrodys taip:

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

Taip pat žiūrėkite

metodas removeAttr,
kuris leidžia pašalinti elementų atributus
metodas prop,
kuris leidžia dirbti su elementų savybėmis
metodas val,
kuris leidžia gauti ir pakeisti elemento dabartinę reikšmę