如何使用jQuery在具有类的特定元素之后插入html

时间:2016-02-04 15:56:53

标签: javascript jquery html css

 <html>
 <body>
 <div class="carousel-inner">
     <!-- my jQuery content here -->
 <a data-slide="prev" href="#quote-carousel" class="left carousel-control"><i class="fa fa-chevron-left"></i></a>
 </div>

我正在制作一个html片段,想知道如何在上面显示的DIV标签中插入html。特别是在 div class =&#34; carousel-inner&#34; 之后和数据幻灯片

之前

我尝试使用

 $('body').append(html);

但是将html添加到文件的末尾

3 个答案:

答案 0 :(得分:0)

您需要定位正确的selector并在此情况下使用insertBefore来定位before the a data-slide:

$(yourHTML).insertBefore(".carousel-inner a[data-slide]");

答案 1 :(得分:0)

使用前置

$('.carousel-inner').prepend('<div id="new_div">New div here</div>');

答案 2 :(得分:0)