<html> <head> <title>jQuery first child and last child example</title> <script type="text/javascript" src="jquery-1.9.1.js"></script> </head> <body> <h1>jQuery first child and last child example</h1> <ul> <li>li #1</li> <li>li #2</li> <li>li #3</li> <li>li #4</li> <li>li #5</li> </ul> <button>li:first-child</button> <button>li:last-child</button> <script type="text/javascript"> $("button").click(function () { var str = $(this).text(); $("li").css("background", "white"); $(str).css("background", "coral"); }); </script> </body> </html>