jQuery - add element inside element but not wrap the text

Question

I want to add a  element inside <label> with jQuery:

jQuery('.custom-checkbox2 label').wrapInner('<span class="circle"></span>');

This is a default state:

<div class="custom-checkbox2">
    <input type="checkbox" id="chcb">
    <label for="chcb">Text</label>
</div>

This is what I want:

<div class="custom-checkbox2">
    <input type="checkbox" id="chcb">
    <label for="chcb">
        <span class="circle"></span>Text
    </label>
</div>

And this result I'm getting:

<div class="custom-checkbox2">
    <input type="checkbox" id="chcb">
    <label for="chcb">
        <span class="circle">Text</span>
    </label>
</div>

Jay Nyxed · Accepted Answer · 2020-06-12 00:08:04Z

1

The function you are looking for: prepend()

So in your case instead of .wrapInner('') You use .prepend('')

answered Jun 12, 2020 at 0:08

Jay Nyxed

4975 silver badges13 bronze badges

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

Collectives™ on Stack Overflow

jQuery - add element inside element but not wrap the text

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related