javascript - pridanie TITLE atributu [vyriešené]

neopagan · Napísal **neopagan**: 25.11.2017 12:43

Jednoducha vec, no nieco zrejme robim zle. Poradte prosim:

Kód:

<td class="calcell wd5 d24 highlight1"><a href="" class="selector">Lorem ipsum</a></td>

Chem pridat atribut title do <a href="" title="nieco"> pomocou cisteho javascriptu, nie jquery. Dolezita je classa highlight1, lebo len tam chcem pridat, kde je highlight1, lebo budu tam aj ine classy.

Skusal som:

Kód:

var a1 = document.querySelector('td.highlight1 a');
a1.setAttribute("title", "nieco");

no nejak to nefunguje...

void · Napísal **void**: 25.11.2017 13:05

Co obsahuje a1?
Pozri si to...

Kód:

console.log(a1)

Lebo:

Citácia:

Returns the first Element within the document that matches the specified selector, or group of selectors, or null if no matches are found.

https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector

neopagan · Napísal autor témy **neopagan**: 25.11.2017 13:08

a1 is null.

Lenze tam nemozem dat var a1 = document.querySelector('td.highlight1 a')[0]; kedze tam bude viacej tych <td s tou istou classou.

Skusal som aj takto:

Kód:

var elms = document.getElementsByClassName('highlight1')
for (var i = 0; i < elms.length; i++) {

var b = elms[i].getElementsByTagName("a")[0];
b.setAttribute("title", "democlass")
}

stale nic...

void · Napísal **void**: 25.11.2017 13:34

To ze to je null, znamena ze ti nevybralo ziaden element, nie ze ti ich vybralo moc. Cize najprv si osetri aby si selektoval elementy, priznam sa ze ja nie som zrovna najskusenejsi v JS, nakolko som lenivy a pouzivam jQeury.

neopagan · Napísal autor témy **neopagan**: 25.11.2017 13:56

nj, ale s jquery by som to ako spravil?

Kód:

$('td.highlight1 a').each(function() {
$(this).attr('title','aaaaaaa');
});

toto mi z nejakeho dovodu nejde tiez

//EDIT:

konecne, pridal som document ready a uz to ide.

Kód:

$( document ).ready(function() {
$('.highlight1 a').each(function() {
$(this).attr('title','aaaaaaa');
});
});

void · Napísal **void**: 25.11.2017 15:24

Hej, pred jquery sa z pravidla dava $(document).ready(), lebo ked to mas v hlavicke, tak sa ten jQ zapne a spusti skor ako je nacitana stranka a teda nenajde elementy ktore si vybral (leo este nie su nacitane)
Pripadne das ten javascript pod elementy, o ktore sa ma starat. (Co mohol byt problem predchodzej implementacie)

javascript - pridanie TITLE atributu [vyriešené]

Podobné témy