如何在jQuery中不带空格的正则表达式匹配

Question

I have this regex and its working fine

var r = new RegExp(page, 'i'); 
$("ul.nav-tabs a").filter(function(){ return $(this).text().match(r) }).parent().addClass("active");

But it don't work if i have

page = useraccount

and text is User Account

Is there any way to have general regex which matches normal words plus joined words

Answer 1

The way you're doing it is not going to work, because 'user' is always inside of 'useraccount'.

You can either make it work for your specific use case by working around some issues, or you can do it the right way.

I suggest adding another field to the links which you can match exactly. Or, even cleaner, to the <li> . Like this:

<ul class="nav-tabs">
    <li data-page="user"><a href="..." >User</a></li>
    <li data-page="useraccount"><a href="..." >User Accounts</a></li>
    ...
</ul>

Then you can just do this in your javascript:

var elements = $("ul.nav-tabs > li").filter(function() {
    return $(this).data('page') == page;
});
elements.addClass("active");