jQuery change only a portion of a string

Question

I have this string inside an input file.

<input type="file" data-url="/modules/wizard/upload.php?eid=18000115&amp;type=ico&amp;case=protagonist&amp;id=121001118" value="" class="wizard_image" name="files">


data-url="/modules/wizard/upload.php?eid=18000115&amp;type=ico&amp;case=protagonist&amp;id=121001118"

Now of this string I only want to change the very last param: id=121001118 with something different and not the entire value of the data-url attribute.

How can I do it? The below one will change the entire string that is not what I am looking for.

newBox.find('input.wizard_image').attr('data-url', 'somethingElse');

Thanks for any help

Have you tried using Regular Expressions?

Kilian Stinson
– Kilian Stinson

2013-07-01 13:29:01 +00:00
Commented Jul 1, 2013 at 13:29 — Kilian Stinson
– Kilian Stinson, Commented Jul 1, 2013 at 13:29

Felix Kling · Accepted Answer · 2013-07-01 13:36:48Z

4

You can use a regular expression:

newBox.find('input.wizard_image').attr('data-url', function(i, val) {
    return val.replace(/id=\d+$/, 'id=somethingElse');
});

Passing a function to .attr makes it easy to modify the existing value.

Explanation of the expression:

id= // literally matches "id="
\d+ // matches one or more digits 
$   // matches the end of the line/string

edited Jul 1, 2013 at 13:36

answered Jul 1, 2013 at 13:29

Felix Kling

820k181 gold badges1.1k silver badges1.2k bronze badges

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

Comments

Ionică Bizău · Accepted Answer · 2013-07-01 13:29:34Z

0

I would use string functions: substring, replace.

var str = 'data-url="/modules/wizard/upload.php?eid=18000115&amp;type=ico&amp;case=protagonist&amp;id=121001118"';

var id = str.substring(str.indexOf(";id=") + 4);

str = str.replace(id, "something...");

JSFIDDLE

But, a better solution is using regular expressions.

answered Jul 1, 2013 at 13:29

Ionică Bizău

114k95 gold badges311 silver badges490 bronze badges

Comments

Matyas · Accepted Answer · 2013-07-01 13:29:46Z

0

var newID = 123435465;                       // the new Id you'd like to put into the URL
var $el = newBox.find('input.wizard_image'); // take the reference of the element
var oldURL = $el.data('url');                // get the data-url
var newURL = oldURL.replace(/id=[0-9]+/, newID);// replace the id=number pattern by newID
$el.data('url', newURL);                        // set it to a new one by replacing

answered Jul 1, 2013 at 13:29

Matyas

13.7k3 gold badges66 silver badges77 bronze badges

2 Comments

Jamiec Over a year ago

Its a good idea to put some description with an answer, rather than just a block of new text.

Karl-Henry Martinsson Over a year ago

The code is very well commented, and the comments serves perfectly well as description, IMHO.

Senad Meškin · Accepted Answer · 2013-07-01 13:30:49Z

0

easiest way using Regular expresion

newBox.find('input.wizard_image').attr('data-url', 
        newBox.find('input.wizard_image').replace(/id\=[0-9]{0,}/gi, "something-else")
);

answered Jul 1, 2013 at 13:30

Senad Meškin

13.8k4 gold badges39 silver badges55 bronze badges

Collectives™ on Stack Overflow

jQuery change only a portion of a string

4 Answers 4

Comments

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related