How to add the previous element to current jQuery selection?

To add the previous element to current jQuery selection, use the insertBefore() method.

Example

You can try to run the following code to learn how to work with insertBefore() method:

Live Demo

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $("<span>Demo text</span>").insertBefore("p");
    });
});
</script>
</head>
<body>

<button>Insert</button>
<br>
<p>This is a paragraph.</p>

</body>
</html>

Updated on: 09-Dec-2019

370 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements