Metod attr

Metod attr omogućava da dobijete i promenite bilo koji atribut elementa.

Važno je ne mešati svojstva i atribute elemenata. Prilikom kreiranja DOM stabla, atributi se prevode u odgovarajuća DOM svojstva elemenata. Njihova imena se ne poklapaju uvek, kao ni njihove vrednosti. Neka svojstva takođe možda nemaju odgovarajuće atribute, mogu se dobiti i postaviti samo korišćenjem metode prop, na primer svojstvo tagName.

Sintaksa

Dobijanje vrednosti atributa:

$(selektor).attr(ime atributa);

Promena vrednosti atributa:

$(selektor).attr(ime atributa, nova vrednost);

Promena vrednosti više atributa:

$(selektor).attr({prvi_atribut: nova_vrednost, drugi_atribut: nova_vrednost, ...});

Primena funkcije na svaki element u setu:

$(selektor).attr(ime atributa, function(redni broj u setu, trenutna vrednost atributa));

Primer

U sledećem primeru dobijaćemo input preko njegovog id i ispisaćemo na ekran vrednost njegovog atributa value:

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

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

Primer

A sada upisaćemo novu vrednost 'www' u ovaj isti atribut:

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

HTML kod će sada izgledati ovako:

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

Primer

Hajde da promenimo istovremeno atribute type i value:

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

HTML kod će sada izgledati ovako:

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

Primer

Hajde da svakom inputu promenimo atribut value - dodamo trenutnom value redni broj elementa u setu:

<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 kod će sada izgledati ovako:

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

Pogledajte takođe

metod removeAttr,
koji omogućava brisanje atributa elemenata
metod prop,
koji omogućava rad sa svojstvima elemenata
metod val,
koji omogućava dobijanje i promenu trenutne vrednosti elementa