JQuery code pour renommer un div

Est il une méthode pour renommer un élément div. J'ai une div avec l'id fm_forme_conteneur,qui énumère un ensemble de formes. Si je clique sur un lien dans un onglet,par exemple, Mes Formes, je veux le nom de ce fm_forme_conteneur de changement onglet_contenu_conteneur. C'est, de toutes mes formulaires doivent venir à l'intérieur de la div, onglet_contenu_conteneur.

Est il une méthode pour renommer un div,comme l'ajout et la addClass?

MODIFIER

Ce sont les css de la div d'id "fm_myforms_conteneur et onglet_contenu_conteneur. 

.tab_content_container
 {
    width:100%;
    background-color:#FFFFE1;
    border:1px #EEEEEE solid;
 }

 #fm_myforms_container
 {
    width:100%;
    background-color:#FFF;
    border:1px #EEEEEE solid;
 }

Si je donne,

$('#myForms').click(function(){

    //$("#fm_myforms_container").attr("id", "tab_content_container");

    $("#fm_myforms_container").addClass("tab_content_container");

    viewAllMyForms();  

});

le CSS pour l'onglet_contenu_conteneur n'est pas appliquée.

  • Modification de l'id de la div peut causer d'autres codes qui utilisent l'id de ne pas travailler.
  • Le CSS pour la classe ressemble à peu près la même que pour l'id. Vérifiez dans firebug que l'ajout de la classe.
  • La classe a été ajoutée lorsque j'ai regardé le code dans firebug. Peut-être que depuis deux id,my_myforms_container et de la classe,tab_content_container css sont présents, je pense que le navigateur se confond à l'affichage car il y a un léger changement de couleur seul. De toute façon, j'ai changé mon code d'une manière différente, ce n'est donc pas nécessaire. Mais j'ai appris un concept à partir de cela, un ID (#) ne correspondre à un seul élément. Merci à tous ceux qui ont essayé de résoudre mon problème.
InformationsquelleAutor Angeline | 2009-09-07
  1. 8

    Vous pouvez utiliser du jQuery attr méthode :

    $("#fm_form_container").attr("id", "tab_content_container");
    • Merci.. Mais j'ai un autre problème. Lorsque je clique sur l'Onglet Accueil encore une fois, j'ai besoin de l'id de l'être modifié pour fm_form_container. J'ai fait un $("#tab_content_container").attr("id", "fm_form_container"); lorsque je clique sur "Accueil". Mais la div change de nom uniquement pour la première div n pas pour le seccond et troisième. J'ai séparé mes formes en 3 types,et ainsi de les avoir comme trois sections. Si les changements se produisent seulement pour la première partie et pas les autres.
    InformationsquelleAutor Toby Hede
  2. 5

    Où les Formulaires de Mon lien a une classe de "myForms":

    $(".myForms").click(function () {
  $("#fm_form_container").attr("id", "tab_content_container");
});

    Mise à jour pour le commentaire à la réponse ci-dessus:

    "$("#tab_content_container").attr("id", "fm_form_container"); lorsque je clique sur "Accueil". Mais la div change de nom uniquement pour la première div n pas pour le seccond et le troisième."

    C'est parce que vous êtes correspondant à l'encontre d'un ID (#), et donc de ne correspondre à un unique élément. Si vous souhaitez appliquer vos modifications à plusieurs éléments, vous aurez à les appliquer à une classe, de l'e.g:

    class="tab_content_container" instead of id="tab_content_container"
    • Eh bien, j'ai eu l'tab_content_container changé à une classe et ajout de la classe pour que la div à l'aide de addClass méthode. Mais le CSS ne sont pas ajoutés..
    • Êtes-vous sûr que vous avez changé votre CSS pour refléter le fait que votre divs sont maintenant partie d'une classe, plutôt que d'utiliser des id? Nous aurons besoin de voir votre CSS avant que nous puissions diagnostiquer que.
    InformationsquelleAutor GlenCrawford