Javascript check if array item has class error

Question

Javascript:

var ulKopjes = document.getElementsByClassName("tabKopjes")[0].getElementsByTagName("li");
 for (j=1; j < (ulKopjes.length - 1); j++){
  debugger;
   if (ulKopjes[j].hasClass('activeTab')){
    debugger;
   }
 }

Is there an obvious reason that I get the error 'Uncaught TypeError: undefined is not a function'?
I checked the values in the array, those ar 'li' items, that's correct.

My code is a part of XSLT. XSLT doesn't accept < in javascript. — Grafit
– Grafit, Commented Dec 9, 2014 at 10:09

Pete · Accepted Answer · 2014-12-09 10:05:37Z

1

try

$('.tabKopjes').eq(0).find('li').each(function() {
   if ($(this).hasClass('activeTab')) {
       //do stuff
   }
});

or if the li are direct children of .tabKopjes use .children instead of .find

If you are just after the li with the class active tab you can do

$('.tabKopjes').eq(0).find('li.activeTab')

answered Dec 9, 2014 at 10:05

Pete

58.8k31 gold badges132 silver badges187 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

SeinopSys Over a year ago

@OP This is the way it should be written using jQuery, utilize it if it's already there.

Pete Over a year ago

You're welcome! eq(0) is the first item in the found list like your [0] on the array. api.jquery.com/eq

Community · Accepted Answer · 2017-05-23 12:27:18Z

0

hasClass is not a pure-native-JS method and it does not exist. It's a jQuery function, so you have to use jQuery to get your elements, for example:

var ulKopjes = $('.tabKopjes:first > li');

If you do not use jQuery, you have to use another way to check for a given class: Test if an element contains a class?

edited May 23, 2017 at 12:27

CommunityBot

11 silver badge

answered Dec 9, 2014 at 10:03

Liglo App

3,8494 gold badges32 silver badges55 bronze badges

3 Comments

Grafit Over a year ago

Can I also use $(document.getElementsByClassName("tabKopjes")[0].getElementsByTagName("li")); ?

Liglo App Over a year ago

Actually yes, you can, but why? The jQuery syntax is so much shorter.

Grafit Over a year ago

I changed it to var ulKopjes = $('.tabKopjes > li');, this didn't work. Do I have to change my if statement too?

Collectives™ on Stack Overflow

Javascript check if array item has class error

2 Answers 2

2 Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related