Remplacement de l'ID jQuery

Vous pouvez le faire comme ça:

var el = jQuery(this);
var old_id = el.attr('id');
var id_number = parseInt(old_id.match(/\d/), 10);
el.attr('id', old_id.replace(id_number, id_number+1));

Cela présente de multiples avantages par rapport à votre code:

• il met en cache l'élément que vous traitez (comme el),
• il met en cache l'ID traité de l'élément (comme old_id),
• c'est très propre et lisible,
• il utilise même moins de lettres que votre code,

Voir ce jsfiddle pour une preuve de la modification des identifiants en identifiants plus élevés.

var id = $(this).attr('id'),
    num = parseInt(id, 10),
    next = num + 1,
    string = id.substring(0, id.length - num.length) + next;


$(this).attr('id', string);

Peut-être quelque chose comme ça

var num = parseInt( $(this).attr("id").replace(/[^0-9]+/g, ''));
var newid = id.replace(num, '') + (num + 1);

Démo en direct: http://jsfiddle.net/xH7Rf/

$(this).attr('id',
function() {
    var me = this;
    return $(me).attr('id').replace(/[0-9]/g, '') + (parseInt($(me).index() + 1));
});

// this code snippet will assign id to element if it possess any id (like: foo-1/foo-2) or not

$(this).attr('id',
function() {
    var me = this;
    return ($(me).attr('id') ? $(me).attr('id').replace(/[0-9]/g, '') : 'foo-') + (parseInt($(me).index() + 1));
});