jQuery изменить только часть строки

Question

У меня есть эта строка внутри входного файла.

<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" 

Теперь из этой строки я только хочу, чтобы изменить самый последний из параметров: id=121001118 с чем-то другом, а не всего значения атрибута data-url.

Как я могу это сделать? Ниже будет изменена вся строка, которая не является тем, что я ищу.

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

Спасибо за любую помощь

Answer 1

Вы можете использовать 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 позволяет легко изменять существующее значение.

Объяснение выражения:

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

Answer 2

Я хотел бы использовать функции строки: substring, replace.

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

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

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

JSFIDDLE

Но, лучшим решением является использование регулярных выражений.

Answer 3

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 

Answer 4

простой способ с использованием регулярных expresion

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