jQuery finding class name value from class array

Question

I am trying to find the exact value of a class name containing the text iconGroup and I am able to get an array of class names using:

var chosenIconClassArray = $('.selectedGroupIcon').attr('class').split(/\s+/);
console.log(chosenIconClassArray);
$.each(chosenIconClassArray, function(index, item) {
    console.log(item);
});

This gives a console output of:

["createAGroupIconList", "inlinelist", "ram", "left", "iconGroup20", "selectedGroupIcon"]

createAGroupIconList
inlinelist
ram
left
iconGroup20
selectedGroupIcon

I have tried something along the lines of this to find which iconGroup it is, but it didn't work:

if (item ^= 'iconGroup') {
    console.log($(this));
}

The goal is to be able to tell that the class array contains the value iconGroup20 (or any number such as 1, 2, 3, 4, etc) which I can then add to another element to update it's icon.

How can I go about searching that array and then find which iconGroup class is in it?

coreyward · Accepted Answer · 2011-02-08 21:47:11Z

2

Are you looking for something that finds classes on an item that match the format 'iconGroup##'? If so, try something like this:

function getIconGroup(class_array) {
  var iconGroup = false;
  $.each(class_array, function(index, item) {
    if item.match(/^iconGroup[0-9]+$/) {
      iconGroup = item;
    }
  });
  return iconGroup;
}

Updated to act as a function so you can use getIconGroup(ChosenIconClassArray).

edited Feb 8, 2011 at 21:47

answered Feb 8, 2011 at 21:30

coreyward

80.5k21 gold badges148 silver badges176 bronze badges

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

1 Comment

iwasrobbed Over a year ago

Thanks Corey, how can I prevent the item from being overwritten with null when the class array contains classes after the iconGroup## in the each loop?

iwasrobbed · Accepted Answer · 2011-02-08 21:47:18Z

1

JavaScript has a String.indexOf method. It'll return the index of the string you give it, or -1 if the string wasn't found.

The following piece of code should give you the class you're hoping for.

var chosenIconClassArray = $('.selectedGroupIcon').attr('class').split(/\s+/),
    foundClass;
$.each(chosenIconClassArray, function(index, item) {
    if (item.indexOf('iconGroup') > -1) {
        foundClass = item;
    }
});

The variable foundClass should contain the full class.

edited Feb 8, 2011 at 21:47

iwasrobbed

46.8k21 gold badges152 silver badges195 bronze badges

answered Feb 8, 2011 at 21:33

James Long

4,7681 gold badge23 silver badges31 bronze badges

2 Comments

iwasrobbed Over a year ago

Thanks James, I had tried out indexOf but was unsure if it would be cross-browser. Also, this function (had) an illegal break statement so it wouldn't work.

James Long Over a year ago

Sorry, try replacing break; with return false;. That should help. String.indexOf has huge browser support, so use it with confidence

Collectives™ on Stack Overflow

jQuery finding class name value from class array

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related