用于重命名div的JQuery代码

Question

有没有重命名div元素的方法.我有一个带有id fm _表单_容器的div ,它列出了一组表单.如果我单击选项卡中的链接,例如,我的表单,我希望此fm _表单_容器的名称更改为选项卡_内容_容器.也就是说,我的所有表单都应该位于div,tab _内容_容器中.

有没有重命名div的方法,比如append和addClass？

编辑

这些是div id"fm _myforms _容器和选项卡_内容_容器的css .

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

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

如果我给,

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

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

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

    viewAllMyForms();  

});

标签_内容_容器的CSS 未应用.

Answer 1

你可以使用jQuery的attr方法:

$("#fm_form_container").attr("id", "tab_content_container");

Answer 2

My Forms链接有一类"myForms":

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

更新以对以上答案发表评论:

"$("#tab_content_container").attr("id","fm_form_container");当我点击"Home"时.但div名称仅针对第一个div而不是第二个和第三个更改."

这是因为您与ID(#)匹配,因此只匹配单个元素.如果要将更改应用于多个元素,则必须将它们应用于类,例如:

class="tab_content_container" instead of id="tab_content_container"