Question

我想在每个动态类中动态添加 info div。

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>

JS FIDDLE

Answer 1

您可以使用$.wrapInner方法

＆＃13;

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

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="container">
  <div class="dynamic"></div>
  <div class="dynamic"></div>
  <div class="dynamic"></div>
  <div class="dynamic"></div>
</div>

＆＃13;

Answer 2

尝试使用append()：

$('.dynamic').append($('<div/>', { class: 'info' }).html('info'));

更新你的小提琴：

http://jsfiddle.net/4cncLor7/2/

如果您的.dynamic div已包含内容，并且您希望在开头使用.info div时使用prepend()：

$('.dynamic').prepend($('<div/>', { class: 'info' }).html('info'));

Answer 3

要使用jQuery将info div添加到每个类中，只需使用：

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

JSFiddle演示了它。

如果您想继续检查.dynamic课程，可以使用以下内容：

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

在上述情况下，您每1000毫秒（1秒）检查.dynamic个类。

希望这有帮助。

Answer 4

我已经更新了。请检查并给我反馈。 http://jsfiddle.net/4cncLor7/4/

jQuery('.dynamic').html('<div class="info">info</div>');

Answer 5

你可以这样做：

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

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

Answer 6

检查此代码：Example

使用Javascript：

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

HTML：

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

这里我正在创建动态div，以便每次点击按钮都会创建新的div，你可以单独为它们添加属性ID

如何在class中动态地在div中添加div - Jquery

6 个答案: