Javascript 如何按类在div中动态添加div-Jquery

我想在每个动态类中动态添加infodiv

HTML

<div id='container'>
   <div class='dynamic'></div>
   <div class='dynamic'></div>
   <div class='dynamic'></div>
   <div class='dynamic'></div>
</div>

我想要这样

<div id='container'>
   <div class='dynamic'><div class="info">info</div></div>
   <div class='dynamic'><div class="info">info</div></div>
   <div class='dynamic'><div class="info">info</div></div>
   <div class='dynamic'><div class="info">info</div></div>
</div>

信息
信息
信息
信息

您可以使用

$（“.dynamic”）.wrapInner（'info'）

您可以使用


$（“.dynamic”）.wrapInner（'info'）

尝试使用：

尝试使用：

你可以这样做：

$('.dynamic').each(function() {
   var newDiv = $('div');
   newDiv.addClass('info');
   newDiv.html('info');

   //inject the new div
   $(this).append(newDiv);
});

$(document).ready(setInterval(function(){
    $( ".dynamic" ).append( "<div class='info'>info</div>" );
}, 1000));

你可以这样做：

$('.dynamic').each(function() {
   var newDiv = $('div');
   newDiv.addClass('info');
   newDiv.html('info');

   //inject the new div
   $(this).append(newDiv);
});

$(document).ready(setInterval(function(){
    $( ".dynamic" ).append( "<div class='info'>info</div>" );
}, 1000));

我已经更新了。请检查并给我反馈。

jQuery（'.dynamic'）.html（'info'）；
我已经更新了它。请检查并给我反馈。

jQuery（'.dynamic'）.html（'info'）；
要使用jQuery在每个类中添加info div，只需使用：

$( ".dynamic" ).append( "<div class='info'>info</div>" );

在上述情况下，每1000ms（1秒）检查一次
.dynamic
类

希望这有帮助。
要使用jQuery在每个类中添加一个info div，只需使用：

$( ".dynamic" ).append( "<div class='info'>info</div>" );

在上述情况下，每1000ms（1秒）检查一次
.dynamic
类

希望这有帮助。
检查以下代码：

Javascript:

var vof=$("#box1").val();
//$(".result-box").text(vof);
var e = $('<div class="result-box">'+vof+'</div>');
$('#box').append(e);

var vof=$（“#box1”）.val（）；
//$（“.result box”）.text（vof）；
变量e=$（''+vof+''）；
$（'框'）。附加（e）；

HTML:

<div id="box">
<!--<div class="result-box" id="rbx"></div>-->
</div>    



在这里，我正在创建动态div，这样每次单击按钮时，它都会创建新的div，并且您可以分别向它们添加属性id
检查以下代码：

Javascript:

var vof=$("#box1").val();
//$(".result-box").text(vof);
var e = $('<div class="result-box">'+vof+'</div>');
$('#box').append(e);

var vof=$（“#box1”）.val（）；
//$（“.result box”）.text（vof）；
变量e=$（''+vof+''）；
$（'框'）。附加（e）；

HTML:

<div id="box">
<!--<div class="result-box" id="rbx"></div>-->
</div>    



在这里，我正在创建动态div，这样每次单击按钮时，它都会创建新div，您可以分别为它们添加属性id
问题的措辞是“我希望动态地将info div添加到每个动态类中。”。我假设用户可能会通过一些用户操作动态添加div，并希望这些div包含info div。因此，我提供了一个选项/示例，说明它是否有用。谢谢@gehleh，我如何才能将.info作为父项添加到某个div中。@GoldPearl你的意思是在
dynamic
div的开头，在
dynamic
中已有其他内容之前？如果是这样，请查看我的答案和解决方案。根据您想要执行的操作，将.info添加为父级的方法是插入子内容。为此，您可以使用.append（），如图所示<代码>$（“.info”）。追加（“子项”）dynamic
div的开头，在
dynamic
中已有其他内容之前？如果是这样，请查看我的答案和解决方案。根据您想要执行的操作，将.info添加为父级的方法是插入子内容。为此，您可以使用.append（），如图所示<代码>$（“.info”）。追加（“子项”）