jQuery - Ajouter un ID au lieu de la classe

Question

J'utilise le jQuery actuel:

 $(function() {
    $('span .breadcrumb').each(function(){
        $('#nav').addClass($(this).text());
        $('#container').addClass($(this).text());
        $('.stretch_footer').addClass($(this).text())
        $('#footer').addClass($(this).text());
    });
});
 

Il applique le texte contenu dans le fil d'Ariane à 4 éléments de la page, ce qui me permet de styler spécifiquement la page correspondante.

J'aimerais essayer d'ajouter un identifiant au lieu d'un cours, comment puis-je y parvenir?

Answer 1

Essaye ça:

  $('element').attr('id', 'value');
 

Alors ça devient;

 $(function() {
    $('span .breadcrumb').each(function(){
        $('#nav').attr('id', $(this).text());
        $('#container').attr('id', $(this).text());
        $('.stretch_footer').attr('id', $(this).text())
        $('#footer').attr('id', $(this).text());
    });
});
 

Donc, vous changez / écrasez l'identifiant de trois éléments et ajoutez un identifiant à un élément. Vous pouvez modifier selon vos besoins ...

Answer 2

Gardez à l'esprit que cela écrase tout ID que l'élément a déjà:

  $(".element").attr("id","SomeID");
 

La raison pour laquelle addClass existe, c'est qu'un élément peut avoir plusieurs classes. Vous ne souhaitez donc pas nécessairement écraser les classes déjà définies. Mais avec la plupart des attributs, une seule valeur est autorisée à un moment donné.

Answer 3

$('selector').attr( 'id', 'yourId' );

Answer 4

si vous voulez ajouter à l'id " plutôt que de le remplacer

récupérer l'id d'abord, puis ajouter votre nouvel identifiant. particulièrement utile pour twitter bootstrap qui utilise en entrée des états sur leurs formes.

    new_id = '{{old_id}} inputSuccess';
    old_id = that.attr('id');
    that.attr('id', new_id.replace( /{{old_id}}/ig,old_id));

si vous ne le faites pas, vous perdrez toutes les propriétés que vous précédente.

hth,

Answer 5

Im faire ce en coffeescript

booking_module_time_clock_convert_id = () ->
  if $('.booking_module_time_clock').length
    idnumber = 1
    for a in $('.booking_module_time_clock')
      elementID = $(a).attr("id")
      $(a).attr( 'id', "#{elementID}_#{idnumber}" )
      idnumber++