Cannot read property 'classList' of undefined

pytanie zadane 19 czerwca 2017 w JavaScript przez szymonq Użytkownik (770 p.)
zamknięte 19 czerwca 2017 przez szymonq

var rows = $("tbody > tr:has(td > span > a.link)");
var number_of_rows = rows.size();
    
for(i = 0; i <= number_of_rows; i++){
var row_class = "row_" + i;
        rows[i].classList.add(row_class);
}

Witam, powyższy skrypt działa, czyli dodaje klasę wierszom w tabeli, ale chrome wywala w konsoli:

"ERROR: Execution of script 'MyScript' failed! Cannot read property 'classList' of undefined"

Próbowałem zamiast classList.add() użyć addClass() z jQuery, ale wtedy w ogóle nie działa. Proszę o wyjaśnienie co może być przyczyną tego problemu. Dopiero uczę się JSa i nie wiem jeszcze o pewnych niuansach.

komentarz zamknięcia: Problem rozwiązany

1 odpowiedź

odpowiedź 19 czerwca 2017 przez adrian17 Ekspert (344,860 p.)
wybrane 19 czerwca 2017 przez szymonq

Najlepsza

Próbowałem zamiast classList.add() użyć addClass() z jQuery, ale wtedy w ogóle nie działa

Co nie działa? Bo dokumentacja jQuery ma przykład dokładnie tego, co chcesz zrobić:

https://api.jquery.com/addclass/

Punkt "As of jQuery 1.4"

A co do obecnego kodu, po prostu błędnie używasz `<=` w pętli, przez co wychodzisz poza tablicę.

(inna sprawa: czemu chcesz żeby każdy wiersz miał inną klasę?)

komentarz 19 czerwca 2017 przez szymonq Użytkownik (770 p.)
edycja 19 czerwca 2017 przez szymonq

Dzięki naprawiłem pętle i nie wywala tego błędu, ale jak zamienię "classList.add()" na "addClass()" to nie działa i w konsoli jest błąd:

"ERROR: Execution of script 'MyScript' failed! rows[i].addClass is not a function"

Nie wiem co robię źle. Każdy wiersz musi mieć inną klasę bo z każdego chcę wyjąć oddzielnie określoną zawartość ;)

Edit: zamiast "rows[i].addClass(row_class)" dałem "$(rows[i]).addClass(row_class)" i działa :D Jeszcze raz wielkie dzięki ;)

Ostatecznie kod wygląda tak:

var rows = $("tbody > tr:has(td > span > a.link)");
var number_of_rows = rows.size();
    
for(i = 0; i < number_of_rows; i++){
        var row_class = "row_" + i;
        $(rows[i]).addClass(row_class);
}