Call a function on regex match

Question

Is there a way to call a function when an id matches a regex?

I have an app where I have about 20 or so divs calling the same function by onclick and I'm trying to get rid of the onclicks and just find those divs by id. The divs id's start the same way for instance: sameId_xxx

This is what I have working but I was wondering if I could put the condition in the function call so it's not being called for every div on the page.

$("div").click(function () {
    var id = this.id;
    if (id.match(/sameId_/)) {

    }
}

Yeah, but you could add another class to them that separates them from the other divs, say mySpecialKindOfDiv. This won't interfere with the CSS. — Jørgen R
– Jørgen R, Commented Sep 13, 2012 at 14:58

Shawn Chin · Accepted Answer · 2012-09-13 14:58:21Z

7

$('div[id^="sameId_"]').click(...)

Demo: http://jsfiddle.net/kpcxu/

For more info, see Attribute Starts With selector.

answered Sep 13, 2012 at 14:58

Shawn Chin

87.4k20 gold badges168 silver badges193 bronze badges

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

1 Comment

Shawn Chin Over a year ago

Thanks. Incorporated into answer.

rbginge · Accepted Answer · 2012-09-13 14:58:22Z

2

Try the jQuery 'attribute contains selector':

$('div[id*="sameId_"]').click(function() {
// Do stuff
});

answered Sep 13, 2012 at 14:58

rbginge

9061 gold badge6 silver badges13 bronze badges

1 Comment

rbginge Over a year ago

As per Shawn Chin's answer above the attribute starts selector would be more accurate

Ivan Dyachenko · Accepted Answer · 2012-09-13 15:04:34Z

0

I think better filter all div with using necessary condition and next add handler.

For example:

$('div')
    .filter(function() { return $(this).attr('id') % 2 })
        .click(function(){alert($(this).attr('id'))});

Live demo on JSFiddle

Or you can use var id = $(this).attr('id') in your code.

answered Sep 13, 2012 at 15:04

Ivan Dyachenko

1,3489 silver badges16 bronze badges

Comments

Shmiddty · Accepted Answer · 2012-09-13 15:07:50Z

0

I think the other answers (with filtering on the id up front) are better, but for posterity, here is what you actually asked for:

$("div").click(function () {
    var id = this.id;
    if (id.match(/(sameId_)(.)+/)) {
        console.log("matched");
    }
});

where "sameId_" is a case sensitive representation of what you want to match.

answered Sep 13, 2012 at 15:07

Shmiddty

13.9k1 gold badge38 silver badges52 bronze badges

Collectives™ on Stack Overflow

Call a function on regex match

4 Answers 4

1 Comment

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related