用jQuery添加HTML元素

m72

我需要使用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>');

参考:https : //api.jquery.com/after/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

用jQuery添加HTML元素

来自分类Dev

用jQuery计算HTML元素

来自分类Dev

用jQuery创建HTML元素

来自分类Dev

用Javascript和Jquery添加li元素

来自分类Dev

用html模板单击元素后添加新元素

来自分类Dev

jQuery .add()不添加html元素

来自分类Dev

jQuery .add()不添加html元素

来自分类Dev

使用jQuery在HTML中添加列表元素

来自分类Dev

jQuery-添加元素并影响其他元素的HTML

来自分类Dev

使用javascript jquery在元素之后或元素之前添加html

来自分类Dev

用jQuery向元素添加一些代码

来自分类Dev

用jQuery添加元素后刷新CSS

来自分类Dev

jQuery对用replaceWith添加的元素没有影响

来自分类Dev

用jQuery过滤具有特定ID的html元素

来自分类Dev

如何使用jQuery从html元素中添加或删除类

来自分类Dev

使用Jquery为内部iframe html元素添加类

来自分类Dev

jQuery-addClass不将类添加到html元素

来自分类Dev

在jQuery中向Datatable添加更多下拉或HTML元素

来自分类Dev

使用jQuery将类添加到html元素

来自分类Dev

如何在此jQuery中添加HTML元素?

来自分类Dev

使用jQuery,您可以添加这样的HTML元素吗?

来自分类Dev

如何使用jQuery从html元素中添加或删除类

来自分类Dev

如何使用jquery在html中添加和选择元素

来自分类Dev

在jquery中动态向网页添加新的html元素

来自分类Dev

DOM加载后如何删除用jquery添加的html?

来自分类Dev

加载DOM后,如何删除用jquery添加的html?

来自分类Dev

用jQuery复制元素

来自分类Dev

用jQuery添加属性

来自分类Dev

在jquery中使用.html(value To show)时如何在td元素中添加span元素