Nadawanie id kolejnym elementom na stronie z poziomu jquery [BŁĄD]

Question

Napisałem kod, który powinien ponadawać kolejne id divom, które są dziećmi elementu main, kolejno c0, c1, c2, aż do c11

for(i=0; i<12; i++)
{
    var id_diva = 'c'+i;
    $('main > div').nextAll().attr('id', id_diva);
}

Ale po sprawdzeniu w inspektorze każdy div ma id="c11"

Comments

Nie potrafię ogarnąć tej funkcji. Mógłbyś mi pomóc?

zamień na np.  jQuery.each()

$('main > div').each(function(index, element) {
  $(element).attr('id', index);
});

 

Answer 1

Wybierasz wszystkie elementy które są dziećmi dla main ( w tym wszystkie divy) 
 

 $('.main > div') // moze dodaj kropke jak po klasie 

main to nie element sam w sobie, a zapewne klasa elementu stąd kropka, jesli ma id to #main

Comments

przeczytaj jeszcze punkt z natywnością i tym dlaczego używana jest tablica aby iterować po wartościach a nie kluczach do wartości... to celowy zabieg, tym bardziej jeśli w  przyszłości ktoś operuje na obiektach które nie gwarantują kolejności a wykorzystuje kod asynchroniczny dodatkowo.
Też info co nie co https://developer.mozilla.org/en-US/docs/Web/API/NodeList ale o ile w google regdability sa informacje o tym tak tu nie ma

---

no i jest tablica

const childrens = [...document.querySelectorAll('main > div')];
childrens.map((e, i) => { e.id = i });

---

napisać to można na n+1 sposobów, bo kilka by się znalazło, niemniej jednak to co podałeś " że można tak z query selektor" ni jak sie ma do poruszonego tematu i dalej polecam zapoznać się z tym, dlaczego to nie do końca dobre rozwiązanie, a nie że nie działa :)

---

Nie wiem o co Tobie chodzi, czym się różni Twój

const childrens = container.querySelectorAll('main > div');

// ...

var arrOfChild = [...childrens];

od tego

const childrens = [...document.querySelectorAll('main > div')];
childrens.map((e, i) => { e.id = i });

 

że nie napisałem

const childrens = container.querySelectorAll('main > div');

// ...

var arrOfChild = [...childrens];
arrOfChild.forEach(...);

 

---

document.querySelectorAll('main > div').forEach((element, index) => {

  element.id = index;

})

podałeś to i o tym mówimy i do tego się odnosze, a nie do kolejnych poprawek, po poprawkach które w kolejnym zadaniu robisz, gdy ktoś CI zwraca uwagę, w  linku natomiast był przecinek/kropka na końcu istotnie następne poprawki już są identyczne, ale tez nie do końca bo map jest  lazy loaded. 

I nie marnuj czyjegoś czasu na bezsensowne dyskusje które nic nie wnoszą i nie poruszają nawet tego co opisane bylo w temacie lub komentarzu do tematu, a jak powtarzam, kolejny raz "poprawiasz" poprawkę albo edycje robisz czegoś twierdząc usilnie że to pierwowzór

I ja tu nic nie odnosze sie do tego, ze twoje implementacje sa złe, bo nie o to byl komentarz.