我需要使用jquery在html上添加元素的帮助,我是该领域的新手,我尝试了几种方法,但均失败了
这是HTML
<div id="relatedpostspro_0_1" class="rpp rpp_isotope" style="width:auto;">
<div class="rpp_container">
<legend>Related Posts</legend>
<div>...</div>
<div>...</div>
<div>...</div>
</div>
</div>
我想添加这小块
<div class="stripe-line"></div>
因此它将导致:
<div id="relatedpostspro_0_1" class="rpp rpp_isotope" style="width:auto;">
<div class="rpp_container">
<legend>Related Posts</legend>
<div class="stripe-line"></div>
<div>...</div>
<div>...</div>
<div>...</div>
</div>
</div>
使用前2个答案中的这2个jquery
$('.rpp_container').append('<div class="stripe-line"></div>');
和
var line = $('<div />').addClass('stripe-line');
line.appendTo('.rpp_container');
导致该行添加在底部,而不是紧随其后 <legend>Related Posts</legend>
非常感谢!
采用 after
$('.rpp_container legend').after('<div class="stripe-line"></div>');
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句