Question

我想为特定的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？

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

请提出想法，如何添加

Answer 1

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

不清楚class或id是静态的，还是想要以dinamically方式检索。你想要做的是一个包装

在wrap（）之前进行检查，否则每次单击输入

时都会创建一个包装器

Answer 2

试试这个解决方案：

addID in jQuery?

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

Creating a div element in jQuery

Answer 3

您可以使用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);
  });
});

Answer 4

如果你可以使用javascript在DOM中找到div，你可以通过将id属性设置为你想要的任何东西来操纵该元素的id：

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

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

4 个答案: