How to match an index of a CSS class with JavaScript?

Question

I want to match the index of a CSS class.

Example:

Given string: .item.item-3.layer.layer-1.test

Desired result: 3 (the index following the class "item")

But my current RegEx just gives me the index of the last class with a dash:

var matches = destinationClass.match(/[^-]+$/);
console.log(matches[0]);

Can anyone help me?

petrch · Accepted Answer · 2014-02-24 15:36:44Z

1

var matches = destinationClass.match(/item-([0-9]+)/);
console.log(matches[1]);

matches[1] gives the substring corresponding the part of pattern enclosed in parentheses

answered Feb 24, 2014 at 15:36

petrch

5323 silver badges6 bronze badges

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

Comments

Rob M. · Accepted Answer · 2014-02-24 15:38:50Z

1

You could simplify your regex to:

match(/item-([0-9]+)/).pop()

answered Feb 24, 2014 at 15:31

Rob M.

36.6k6 gold badges56 silver badges51 bronze badges

But then it grabs "item-3" but I just want to have the "3".

Then add .pop() to the end

Thanks. To use pop() is very smart. Thank you very much! :)