jQuery - Add First and Last Class to LI

/ Published in: jQuery
Save to your folder(s)

Since :first-child and :last-child aren't compatible with all modern browsers I thought I'd post this snippet. It make automating the class creation easier too instead of having to remember when typing up your HTML or creating logic in your programming.

Rename "first-item" and/or "last-item" to whatever class you want to use. You can change the "li" part of the code to whatever element your want or even remove it altogether.

Copy this code and paste it in your HTML
  1. $(function(){
  2. $("li:first-child").addClass("first_item");
  3. $("li:last-child").addClass("last_item");
  4. });

Report this snippet


RSS Icon Subscribe to comments

You need to login to post a comment.