如何在页面加载后添加 div id答案

【问题标题】：how to add div id after page loading如何在页面加载后添加 div id
【发布时间】：2010-11-15 15:44:07
【问题描述】：

我想为特定的 html 动态添加 div

这里我举个小例子

<input id="radio1" type="radio" name="rad" value="rad" title='Yes' alt='yes'>

单击单选按钮时，我需要添加一个 div，例如：

 <div id='A1' class='redColourIndicatin'>
    <input id="radio1" type="radio" name="rad" value="rad" title='Yes' alt='yes'>
 </div>

是否可以在加载页面后添加 Div Id？

我的意图不是只向单选按钮添加类。我们还需要其他一些操作吗？

请给出想法，如何添加

【问题讨论】：

addID in jQuery?的可能重复

标签： javascript jquery html

【解决方案1】：

$('#radio1').click(function()
   if ($(this).parent().attr('id') !== 'A1') {
      $(this).wrap('<div class="redColourIndicatin" id="A1" />') 
   }
});

不清楚 class 或 id 是静态的还是要动态检索。你正在尝试做的是一个包装器

在wrap()之前做个检查，否则每次点击输入都会创建一个wrapper

【讨论】：

【解决方案2】：

您可以使用attr() 方法。

$(selector).attr("id", "yournewID");

在你的例子中

$(document).ready( function () {
  $("input#radio1").click(function () {
    var mydiv = $("<div></div>");
    mydiv.attr("id", "radio1");
      .addclass("redColourIndicatin");
    $(this).wrap(mydiv);
  });
});

【讨论】：

嗨，约翰，我不想更改现有的 div id。只是我需要为现有的添加新的 div

【解决方案3】：

如果您可以使用 javascript 在 DOM 中找到 div，则可以通过将 id 属性设置为您想要的任何内容来操作该元素的 id：

//finding the element by class name:
var myElement = document.getElementsByClassName('myDivsClassName')[0];
myElement.id = 'newID';

【讨论】：

【解决方案4】：

试试这个解决方案：

addID in jQuery?

看到你的编辑后，你可以试试这个帖子：

Creating a div element in jQuery

【讨论】：