Add div before the div using jQuery

Question

I have this HTML:

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

Now I want to add this div: <div class="commentLikeCount"></div> before this comment_like class using jQuery.

I am trying with this code:

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

but somehow not working :(

Updated for the new Questions:

Now I have that 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>

Now, I just want to remove the last Img from the coomentLikeCount class.

Oh, I think I need to use before() :)

Shibbir
– Shibbir

2019-06-15 05:43:04 +00:00
Commented Jun 15, 2019 at 5:43 — Shibbir
– Shibbir, Commented Jun 15, 2019 at 5:43

Bhojendra Rauniyar · Accepted Answer · 2019-06-15 06:12:11Z

3

You can use insertBefore:

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

Or before:

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

If you're inserting commentLikeCount in every .comment_like, then just use $('.comment_like') instead of $("#like"+posts_id).parents(".comment_like")

Regarding your comment:

well if I already have this div then how can select this div?

You can prepend using insertBefore like:

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

To your updated question, you can remove last image like:

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

edited Jun 15, 2019 at 6:12

answered Jun 15, 2019 at 5:45

Bhojendra Rauniyar

86k36 gold badges179 silver badges241 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

Shibbir Over a year ago

well if I already have this div <div class="commentLikeCount"></div> then how can select this div?

Bhojendra Rauniyar Over a year ago

Updated my answer.

Shibbir Over a year ago

Please check my updated questions: can use your updated code to get this?

Shibbir Over a year ago

should I use this also $("#like"+posts_id) ?

Bhojendra Rauniyar Over a year ago

Yeah, if that's specific.

|

Karan · Accepted Answer · 2019-06-15 05:50:43Z

0

You can do with before().

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

answered Jun 15, 2019 at 5:50

Karan

1,1561 gold badge10 silver badges24 bronze badges

Collectives™ on Stack Overflow

Add div before the div using jQuery

2 Answers 2

7 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related