使用jQuery

Question

我有这个HTML：

<p></p>    
<div class="comment_like">
    <span class="reaction_2 tooltipstered" id="like13seperator2" rel="unlike"><i 
    class="likeIconDefault"></i>Like</span>
</div>

现在，我想使用jQuery在此<div class="commentLikeCount"></div>类之前添加此div：comment_like。

我正在尝试使用以下代码：

$("#like"+posts_id).parents(".comment_like").prepend('<div class="commentLikeCount"></div>');

但是以某种方式不起作用：（

已针对新问题进行了更新：

现在我有了HTML：

<p></p>
<div class="commentLikeCount">
    <br>
    <span class="float-right">&nbsp;&nbsp;1</span>
    <img src="assets/images/db_haha.png" alt="" class="float-right old">
    <img src="assets/images/db_love.png" alt="" class="float-right">
</div>

<div class="comment_like">
    <span class="unLike_2" id="like13seperator2" rel="unlike">
        <i class="loveIconSmall likeTypeSmall"></i>Love
    </span>
</div>

现在，我只想从coomentLikeCount类中删除最后一个图像。

Answer 1

您可以使用insertBefore：

$('<div class="commentLikeCount" />')
.insertBefore($("#like"+posts_id).parents(".comment_like"))

或before：

$("#like"+posts_id).parents(".comment_like")
.before('<div class="commentLikeCount" />')

如果要在每个commentLikeCount中插入.comment_like，则只需使用$('.comment_like')而不是$("#like"+posts_id).parents(".comment_like")

关于您的评论：

  

好吧，如果我已经有了这个div，那么如何选择这个div？

您可以使用insertBefore像这样

$('.commentLikeComment').insertBefore($("#like"+posts_id).parents(".comment_like"));

对于您更新的问题，您可以删除最后一张图片，例如：

$('.commentLikeCount img').last().remove()

Answer 2

您可以使用before()。

$(".comment_like").before("<div class='commentLikeCount'></div>");