javascript 如何按类在 div 内动态添加 div - Jquery
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/27634763/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
How to add div dynamically inside a div by class - Jquery
提问by Gold Pearl
I want dynamically add infodiv into every dynamic class.
我想动态地将infodiv添加到每个动态类中。
HTML
HTML
<div id='container'>
<div class='dynamic'></div>
<div class='dynamic'></div>
<div class='dynamic'></div>
<div class='dynamic'></div>
</div>
I want like this.
我想要这样。
<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>
回答by Alexander T.
You can use $.wrapInnermethod
你可以使用$.wrapInner方法
$(".dynamic").wrapInner('<div class="info">info</div>');<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>回答by Mivaweb
Try using append():
尝试使用append()：
$('.dynamic').append($('<div/>', { class: 'info' }).html('info'));
Update your fiddle:
更新你的小提琴：
http://jsfiddle.net/4cncLor7/2/
http://jsfiddle.net/4cncLor7/2/
If your .dynamicdiv already contains content and you want to at the .infodiv at the beginning use prepend():
如果您的.dynamicdiv 已经包含内容并且您想在.infodiv 开始时使用prepend()：
$('.dynamic').prepend($('<div/>', { class: 'info' }).html('info'));
回答by gehleh
To add an info div into every class using jQuery, simply use:
要使用 jQuery 将信息 div 添加到每个类中，只需使用：
$( ".dynamic" ).append( "<div class='info'>info</div>" );
The JSFiddledemonstrates it.
该的jsfiddle演示了。
If you want to continually check for .dynamicclasses, you can use something like this:
如果你想不断检查.dynamic类，你可以使用这样的东西：
$(document).ready(setInterval(function(){
$( ".dynamic" ).append( "<div class='info'>info</div>" );
}, 1000));
In the above case, you are checking for .dynamicclasses every 1000ms (1 second).
在上述情况下，您.dynamic每 1000 毫秒（1 秒）检查一次类。
Hope this helps.
希望这可以帮助。
回答by Jimmy Khanh
I have updated it. Please check and give me feedback. http://jsfiddle.net/4cncLor7/4/
我已经更新了。请检查并给我反馈。 http://jsfiddle.net/4cncLor7/4/
jQuery('.dynamic').html('<div class="info">info</div>');
回答by Andrei CACIO
You could do something like this:
你可以这样做：
$('.dynamic').each(function() {
var newDiv = $('div');
newDiv.addClass('info');
newDiv.html('info');
//inject the new div
$(this).append(newDiv);
});
回答by Vaibhav
check this code : Example
检查此代码： 示例
Javascript:
Javascript：
var vof=$("#box1").val();
//$(".result-box").text(vof);
var e = $('<div class="result-box">'+vof+'</div>');
$('#box').append(e);
HTML :
HTML :
<div id="box">
<!--<div class="result-box" id="rbx"></div>-->
</div>
here i am creating dynamic div so that every time button is clicked it create new div and you can add attribute id to them separately
在这里，我正在创建动态 div，以便每次单击按钮时都会创建新的 div，您可以分别向它们添加属性 id
