Question

是否有任何重命名div元素的方法。我有一个id为fm _ form _容器的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"

用于重命名div的JQuery代码

2 个答案: