Insert element between elements within `this` in loop

Question

I have an each loop in which each looped element has the following html structure:

<li>
    <p>Text</p>
    <form>...</form>
</li>

In the loop I create a <span> element, which I want to insert in each looped element between the <p> and the <form> element. But I don't know how to access the elements within this, I just know how to insert it at the beginning (prepend) and end ('append') of the li, but not between the <p> and <form>.

Here is my code:

function calculation(elements) {
    $(elements).each(function() {
        ...
        var output = $('<span>').addClass('durationValue').html('Some Values..');
        $(this).append(output);
    });
}

You could use before() or after() to perform the append. api.jquery.com/before api.jquery.com/after — Jay Blanchard
– Jay Blanchard, Commented May 15, 2014 at 20:17

kmoe · Accepted Answer · 2014-05-15 20:17:03Z

2

You can use .after() or .before() instead of .append() or .prepend() like so:

$(this).find("form").before(output);

answered May 15, 2014 at 20:17

kmoe

2,0832 gold badges16 silver badges27 bronze badges

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

1 Comment

Sebsemillia Over a year ago

Thank you very much! I didn't know that I can use something like find() in the this context. :)

Collectives™ on Stack Overflow

Insert element between elements within `this` in loop

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related