use variable in regular expression in jquery

Question

May be it will be a very easy question some of expert but seems difficult to me. I want to use a variable in pattern of regular expression.

$("#srcbtn .btnPage").live("click",function(){
     var filter = $(this).val(), count = 0;

     $(".checkpoint").each(function () {
         if ($(this).find(".chpdetails .chkpname").text().search(new RegExp(/\b filter /i)) < 0) {
               $(this).hide();
         } else {
               $(this).show();
               count++;
         }
    });
});

but the filter variable doesn't work in if condition. the purpose of this code is to search a word which is start with filter variable's value i.e. A, B etc. How can i do this?

Thanks in advance.

i would consider changing the live emthod to on as it is deprecated, it will help in saving the hassle of updating such scripts — Yusaf Khaliq
– Yusaf Khaliq, Commented Jan 23, 2013 at 19:03

Denys Séguret · Accepted Answer · 2013-01-23 19:06:24Z

4

Use this :

new RegExp("\\b" + filter, 'i')

See the documentation on RegExp

If you have many checkpoints, you should probably build the regexp object before entering the loop instead of building it at each iteration :

 var r = new RegExp("\\b" + filter, 'i');
 $(".checkpoint").each(function () {
     if ($(this).find(".chpdetails .chkpname").text().search(r) < 0) {
           $(this).hide();
     } else {
           $(this).show();
           count++;
     }
});

edited Jan 23, 2013 at 19:06

answered Jan 23, 2013 at 18:52

Denys Séguret

384k90 gold badges813 silver badges780 bronze badges

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

2 Comments

Ariful Islam Over a year ago

this should work i know. but unfortunately this is not working. here is many checkpoints then how can i do this?

Denys Séguret Over a year ago

Did your code work before you tried to use a variable pattern ?

abc123 · Accepted Answer · 2013-01-23 19:38:05Z

1

Using the constructor allows this for RegExp

$("#srcbtn .btnPage").live("click",function(){
     var filter = $(this).val(), count = 0;

     $(".checkpoint").each(function () {
         if ($(this).find(".chpdetails .chkpname").text().search(new RegExp("\\b" + filter, "i")) < 0) {
               $(this).hide();
         } else {
               $(this).show();
               count++;
         }
    });
});

edited Jan 23, 2013 at 19:38

answered Jan 23, 2013 at 18:57

abc123

19k7 gold badges55 silver badges84 bronze badges

Collectives™ on Stack Overflow

use variable in regular expression in jquery

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related