jQuery sélectionner tous les éléments avec le même ID

Je sais que je suis mauvais, je sais ID est unique, et j'ai besoin de le fixer à grande échelle sur un ensemble de pages.

Je ne sais pas ce que sont ces ID, je ne connais que de classe, donc est-il possible de toute façon ne

$('.someClass').itemsThatHasIdDuplicate().each(function(){
    $(this).attr('id', Math.random()); //its stupid to use random for ID, but shows what I mean
});

ps. J'ai trouvé cette, mais cela suppose que vous savez ce que l'ID est.

InformationsquelleAutor pie6k | 2013-10-25
  1. 3

    Vous pouvez faire cela en utilisant la .attr( nom de l'attribut, function(index, attr) ):

    //Get all the items with Duplicate id
var $itemsThatHasIdDuplicate = $('[id]').filter(function () {
    return $('[id="' + this.id + '"]').length > 1;
});

//Modify the id for all of them
$itemsThatHasIdDuplicate.attr('id', function (i, val) {
    return 'newID' + (i + 1);
});

    Démo: Violon

    • Il va changer tous les éléments de la classe, et pas seulement ceux qui possède l'ID en double.
    • J'ai mis à jour le code w/ un violon démo
    InformationsquelleAutor palaѕн
  2. 0

    Tout d'abord ajouter un peu de classe à tous les éléments ayant le même id.

    $('[id]').each(function(){
  var ids = $('[id="'+this.id+'"]');
  if(ids.length>1 && ids[0]==this){
    $('#'+this.id).addClass('changeID');
}
});

    et puis changer l'id de tous les éléments ayant la classe...

    $('.changeID').each(function(){
$(this).attr("id","changed_"+Math.random());
}

    FYI: je vous suggère de date de prélèvement de temps pour l'affectation d'id plutôt que d'utiliser math.random()

    InformationsquelleAutor Milind Anantwar
  3. 0

    Ce que vous pouvez faire est de parcourir tous les éléments de cette classe et de groupe de ces éléments avec le même ID. Modifiez ensuite ces groupes, avec plus d'un élément:

    var IDs = {};   
var idModifier = function(index, id) {
    return id + index;
};

$('.someClass').each(function() {
    (IDs[this.id] || (IDs[this.id] = [])).push(this);
});

$.each(IDs, function(id, elements) {
    if (elements.length > 1) {
        $(elements).prop('id', idModifier);
    }
});

    Les "avantages" de cette méthode est que vous êtes à la recherche du document qu'une seule fois, au début avec $('.someClass').

    InformationsquelleAutor Felix Kling
  4. 0

    Vous avez à faire assurez-vous de ne pas écraser l'original ID

    var cls = 'foo';
$('.' + cls).each(function() {
    var me = this;
    var id = $(me).attr('id');
    var dupes = $('#' + id + '.' + cls);
    dupes.each(function() {
        if(this != me) {
            $(this).attr('id', id + '_r_' + Math.random());
        }
        else {
            $(this).attr('id', id + '_o');
        }
    });
});

    De cette façon, vous savez aussi ce que la première occurrence de chaque ID est.

    http://jsfiddle.net/g2DWR/1/

    Edit: aussi, dans un plugin de formulaire de sorte que vous pouvez de la chaîne d'elle $('.foo').fixDupes().css('color', 'red');

    InformationsquelleAutor Sergiu Paraschiv