Remove part of attribute value with jquery or javascript

Question

There is a data parameter for a div that looks as follows:

<div data-params="[possibleText&]start=2011-11-01&end=2011-11-30[&possibleText]">
</div>

I want to remove the from the start through the end of the second date from that data-params attribute. There may or may not be text before the start and after the date after the second date.

How can I accomplish this using javascript or jQuery? I know how to get the value of the "data-params" attribute and how to set it, I'm just not sure how to remove just that part from the string.

Thank you!

Note: The dates will not always be the same.

do you want to remove everything other than the start=2011-11-01&end=2011-11-30 or do you want to keep everything and strip out the start=2011-11-01&end=2011-11-30 ? — omarello
– omarello, Commented Dec 1, 2011 at 22:40
You might want to make that a bit clearer in the question :) — omarello
– omarello, Commented Dec 1, 2011 at 22:43

Ben Lee · Accepted Answer · 2011-12-01 22:41:33Z

2

I'd use a regular expression:

var text = $('div').attr('data-params');
var dates = text.match(/start=\d{4}-\d{2}-\d{2}&end=\d{4}-\d{2}-\d{2}/)[0]

// dates => "start=2011-11-01&end=2011-11-30"

The regular expression is not too complex. The notation \d means "match any digit" and \d{4} means "match exactly 4 digits". The rest is literal characters. So you can see how it works. Finally, that [0] at the end is because javascript match returns an array where the first element is the whole match and the rest are subgroups. We don't have any subgroups and we do want the whole match, so we just grab the first element, hence [0].

If you wanted to pull out the actual dates instead of the full query string, you can create subgroups to match by adding parenthesis around the parts you want, like this:

var dates = text.match(/start=(\d{4}-\d{2}-\d{2})&end=(\d{4}-\d{2}-\d{2})/)

// dates[0] => "start=2011-11-01&end=2011-11-30"
// dates[1] => "2011-11-01"
// dates[2] => "2011-11-30"

Here, dates[1] is the start date (the first subgroup based on parenthesis) and dates[2] is the end date (the second subgroup).

edited Dec 1, 2011 at 22:41

answered Dec 1, 2011 at 22:35

Ben Lee

53.5k15 gold badges129 silver badges146 bronze badges

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

1 Comment

dmr Over a year ago

Thanks! Really well explained answer. I really appreciate it!

omarello · Accepted Answer · 2011-12-01 22:38:17Z

1

My regex skills aren't that good but this should do it

var txt = "[possibleText&]start=2011-11-01&end=2011-11-30[&possibleText]";
var requiredTxt = txt.replace(/^(.*)start=\d{4}-\d{2}-\d{2}&end=\d{4}-\d{2}-\d{2}(.*)$/, "$1$2");

I'm sure there are better ways to match your string with regex, but the $1 and $2 will put the first group and second group match into your requiredTxt stripping out the start/end stuff in the middle.

answered Dec 1, 2011 at 22:38

omarello

2,6931 gold badge23 silver badges24 bronze badges

Comments

Chris B · Accepted Answer · 2011-12-01 22:45:48Z

1

Say you have your data-params in a variable foo. Call foo.match as follows:

foo.match("[\\?&]start=([^&#]*)"); //returns ["&start=2011-11-01", "2011-11-01"]
foo.match("[\\?&]end=([^&#]*)"); //returns ["&end=2011-11-30", "2011-11-30"]

answered Dec 1, 2011 at 22:45

Chris B

7942 gold badges7 silver badges20 bronze badges

1 Comment

Chris B Over a year ago

My regex is significantly more simple than the other ones here and will work for parsing the params out of any querystring-like data....

Collectives™ on Stack Overflow

Remove part of attribute value with jquery or javascript

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related