jquery regex trim beginning and end of a url string

Question

I have links with href attributes that look like this:

http://company.com/inetucm/groups/public/@enterprise/documents/pagecontent/s_014654.html

I want to write a jquery function that sets just the s_014654 to a variable, that I will use later to create a different url stucture.

Can someone please help me with that syntax.

What do you mean by "a jQuery function"? Are you talking about creating a plugin? If you just want a re-usable function simply take either of the answers so far and encapsulate them in a standard function... — nnnnnn
– nnnnnn, Commented Jun 6, 2012 at 22:41
We have a debate over here, can you please tell us which of the two ways is easier for you to understand? — gdoron
– gdoron, Commented Jun 6, 2012 at 22:44
Are you still having troubles? if not you should accept one of the answers. (Writing "Accept" seems to be broken though) — gdoron
– gdoron, Commented Jun 6, 2012 at 23:51

gdoron · Accepted Answer · 2012-06-06 23:35:36Z

3

var url = ....;
var arr = url.split('/');
var value = arr.pop().match(/^(.+)\.html$/)[1];
alert(value); // "s_014654"

Live DEMO

Update: (based of the comment)

<a href="http://company.com/inetucm/groups/public/@enterprise/documents/pagecontent/s_014654.html" />
<a href="http://company.com/inetucm/groups/public/@enterprise/documents/pagecontent/AAAAAAAA.html" />
<a href="http://company.com/inetucm/groups/public/@enterprise/documents/pagecontent/BBB.html" />    
<a href="http://company.com/inetucm/groups/public/@enterprise/documents/pagecontent/fdskl489j.html" />

jQuery:

var arr = $('a').map(function(){ 
    return this.href.split('/').pop().match(/^(.+)\.html$/)[1]; 
}).get();

This will return all the values in an array.

Live DEMO

edited Jun 6, 2012 at 23:35

answered Jun 6, 2012 at 22:30

gdoron

151k59 gold badges302 silver badges376 bronze badges

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

14 Comments

gen_Eric Over a year ago

You can also do arr.pop().match( :-P

gdoron Over a year ago

@zerkms. Yes, it's easier to read and understand, but it can be done with regex as well...

zerkms Over a year ago

@gdoron: are you sure that replacing .+ with [^/]+ changes much --- stackoverflow.com/a/10923281/251311 ? Meanwhile - we need to think of split + pop

gdoron Over a year ago

@zerkms. I asked the OP; It's interesting question, even more then the OP question... :)

gdoron Over a year ago

@zerkms. You ought to read this. Yes it's off-topic, but damn it's funny!

|

nnnnnn · Accepted Answer · 2012-06-06 22:34:07Z

2

Something like this:

var url = "http://company.com/inetucm/groups/public/@enterprise/documents/pagecontent/s_014654.html";

var value = url.match(/([^/]+)\.html$/)[1];

With thanks to gdoron for the fiddle that I updated with my own regex: http://jsfiddle.net/Fjp8E/2/

The pattern ([^/]+)\.html$ looks for one or more non-slash characters that are followed by ".html" at the end of the string.

answered Jun 6, 2012 at 22:34

nnnnnn

150k30 gold badges210 silver badges247 bronze badges

2 Comments

gdoron Over a year ago

Just worth saying, the regex grabs every char that doesn't have a slash and ends with .html. +1.

gdoron Over a year ago

You ought to read this, that guy is so funny! I'm sorry, but I had to share it with someone...

Collectives™ on Stack Overflow

jquery regex trim beginning and end of a url string

2 Answers 2

14 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

14 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related