Edit This Code:
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("p").slice(-3).css("background-color", "yellow");
});
</script>
</head>
<body>

<h1>Welcome to My Homepage</h1>

<p>My name is Donald (index 0).</p>
<p>Donald Duck (index 1).</p>
<p>I live in Duckburg (index 2).</p>
<p>My best friend is Mickey (index 3).</p>
<p>And I'm in love with Daisy (index 4).</p>

<div>We use a negative number (-3), which selects the three last p elements. This will start the selection of p elements from the p element with index position 2 (the 3rd element from the end).</div>

</body>
</html>


Result:
Try it Yourself - © w3schools.com
Privacy Policy