jQuery plugin to add a CSS class to last-child DOM elements

Posted on by

This has been bugging me for ages. IE < 9 does not support the CSS3 last-child pseudo class. I’ve created a _very_ simple jQuery plugin to add a CSS class “last-child” to the element that is the last child of a DOM element.

It performs this recursively, so it’ll apply the class to the last child of an element as well as to the last child of all it’s children…and so on and so forth.

It’ll perform this on each of the set of matched elements in a jQuery object. So you can have it traverse the whole, of your page by providing a jQuery object with the <body> element in it, or you can pick and choose DOM elements to apply the plugin to for efficiency. For instance, you might only need the "last-child" class to be applied to the last child of an unordered or ordered list:

    $('body').lastChild(); // Applies to all elements attached to the document.body
    $('ul, ol').lastChild(); // Applies to all elements in an unordered or ordered list

By default, the plugin applies the CSS class to a restricted set of DOM element types. You can specify the types of DOM elements to apply the class to by passing an options object to the function. In this way you can also specify the name of the CSS class that will be applied:

    $('ul, ol').lastChild({
        tags:['li'], // Only elements with the tag name 'li' will have the class applied to them
        cssClass:'ie-last-child' // The CSS class name will be 'ie-last-child'
    });

For super shorthand, you can simply pass a string to the lastChild function – which it presumes to be the CSS class you want to use:

    $('ul, ol').lastChild('ie-last-child');

You can download the plugin here.

Note, while I created this plugin to get around my IE problem, it is not built specifically for IE. If you only want IE to receive these classes, you’ll probably want to do something like:

    if($.browser.msie) {
        $('body').lastChild();
    }

…but obviously preferably using Modernizr:

    if($('.ie6, .ie7, .ie8').length) {
        $('body').lastChild();
    }

Enjoy!

492 thoughts on “jQuery plugin to add a CSS class to last-child DOM elements”

  1. I believe one of your commercials triggered my web browser to resize, you may well want to put that on your blacklist.

  2. I have been exploring for a little for any high quality articles or blog posts on this sort of area . Exploring in Yahoo I at last stumbled upon this web site. Reading this information So i?m happy to convey that I have an incredibly good uncanny feeling I discovered just what I needed. I most certainly will make sure to do not forget this web site and give it a glance on a constant basis.

  3. One more issue is that video gaming has become one of the all-time largest forms of recreation for people of various age groups. Kids play video games, and also adults do, too. Your XBox 360 is among the favorite video games systems for folks who love to have a lot of games available to them, along with who like to play live with other people all over the world. Many thanks for sharing your notions.

  4. Wow, fantastic weblog layout! How lengthy have you been running a blog for? you made blogging glance easy. The entire glance of your site is great, let alone the content material!

  5. Looking for the Best Drive School of Motoring? Get expert driving lessons at best driving school for affordable and quality driving instruction.

  6. Thanks a lot for your post. I’d really like to comment that the expense of car insurance differs a lot from one coverage to another, mainly because there are so many different issues which play a role in the overall cost. For example, the brand name of the auto will have a massive bearing on the fee. A reliable old family vehicle will have a less expensive premium when compared to a flashy expensive car.

  7. One more thing to say is that an online business administration course is designed for students to be able to efficiently proceed to bachelor’s degree courses. The 90 credit certification meets the other bachelor education requirements and once you earn your own associate of arts in BA online, you may have access to the newest technologies on this field. Several reasons why students want to be able to get their associate degree in business is because they can be interested in the field and want to receive the general education necessary before jumping in a bachelor education program. Thanks for the tips you provide with your blog.

  10. Thanks for your post. What I want to comment on is that when evaluating a good internet electronics go shopping, look for a internet site with entire information on important factors such as the privacy statement, protection details, any payment methods, and also other terms and policies. Usually take time to look at help along with FAQ areas to get a much better idea of how a shop functions, what they are capable of doing for you, and the way you can make best use of the features.

  11. UpvoteRocket delivers anonymous automated votes to 25+ game server toplists XtremeTop100, GTop100, TopG, MMtop200, RagnaTOP, MuTop100 and more. Undetectable, no bans, no risk. Pay only per successful vote delivered. Launch a campaign in seconds and rank higher today.

  12. Wow that was strange. I just wrote an extremely long comment but after I clicked submit my comment didn’t show up. Grrrr… well I’m not writing all that over again. Anyhow, just wanted to say superb blog!

  13. Nice blog here! Also your web site loads up very fast! What host are you using? Can I get your affiliate link to your host? I wish my site loaded up as fast as yours lol

  14. I enjoy what you guys tend to be up too. Such clever work and coverage! Keep up the terrific works guys I’ve you guys to blogroll.

  15. Thanks for the tips you have provided here. Furthermore, I believe there are a few factors that keep your car insurance premium lower. One is, to consider buying vehicles that are inside the good report on car insurance corporations. Cars which can be expensive will be more at risk of being robbed. Aside from that insurance policies are also good value of your automobile, so the costlier it is, then higher the particular premium you pay.

  16. It?s really a great and helpful piece of information. I am satisfied that you just shared this helpful information with us. Please stay us up to date like this. Thank you for sharing.

  17. Thanks for the helpful content. It is also my belief that mesothelioma cancer has an incredibly long latency period, which means that the signs of the disease may not emerge until finally 30 to 50 years after the initial exposure to asbestos. Pleural mesothelioma, that is the most common variety and influences the area around the lungs, will cause shortness of breath, torso pains, along with a persistent coughing, which may cause coughing up blood vessels.

  18. Many thanks for this article. I’d also like to state that it can always be hard if you are in school and simply starting out to create a long credit history. There are many scholars who are simply trying to make it through and have a long or positive credit history can often be a difficult thing to have.

  19. Hello, i feel that i noticed you visited my web site so i got here to ?return the want?.I’m attempting to in finding things to improve my site!I suppose its adequate to use some of your ideas!!

  20. Thanks for your publication. I would like to opinion that the first thing you will need to carry out is to see if you really need repairing credit. To do that you will need to get your hands on a duplicate of your credit score. That should really not be difficult, since the government makes it necessary that you are allowed to receive one absolutely free copy of the credit report every year. You just have to request the right people. You can either look at website with the Federal Trade Commission and also contact one of the main credit agencies immediately.

  21. I haven?t checked in here for some time since I thought it was getting boring, but the last several posts are great quality so I guess I will add you back to my everyday bloglist. You deserve it my friend :)

  22. Hi! I know this is somewhat off topic but I was wondering if you knew where I could get a captcha plugin for my comment form? I’m using the same blog platform as yours and I’m having trouble finding one? Thanks a lot!

  23. http://www.factorytinsigns.com is 100 Trusted Global Metal Vintage Tin Signs Online Shop. We have been selling art and décor online worldwide since 2008. Started in Sydney, Australia. 2000+ Tin Beer Signs, Outdoor Metal Wall Art, Business Tin Signs, Vintage Metal Signs to choose from. 100 Premium Quality Artwork. Up-to 40 OFF Sale Store-wide. Fast Shipping USA, Canada, UK, Australia, New Zealand, Europe.

  27. Pretty grdat post. I just stumbled upon yokur blog annd wished to say tat I haqve
    really enjoyedd surfig aroujd your wweblog posts.
    Aftwr alll I will bee subscribing tto yoiur rrss
    eed andd I hooe you wrie ohce more soon! ofvd9wuapt6jttqublut

  28. I’ll right aweay grab yourr rrss ass I can’t to fimd your e-mail subscription link or newslettrr service.
    Do you’ve any? Pleaqse allow mee ubderstand sso thzt I could
    subscribe. Thanks. ofvd9wuaptf1bywcdixd

  29. I have observed that in unwanted cameras, special detectors help to {focus|concentrate|maintain focus|target|a**** automatically. Those sensors connected with some digital cameras change in in the area of contrast, while others start using a beam associated with infra-red (IR) light, specially in low lumination. Higher spec cameras from time to time use a combination of both programs and might have Face Priority AF where the dslr camera can ‘See’ some sort of face as you concentrate only in that. Many thanks for sharing your notions on this web site.

  30. I have discovered that rates for internet degree professionals tend to be an incredible value. Like a full Bachelors Degree in Communication from The University of Phoenix Online consists of Sixty credits with $515/credit or $30,900. Also American Intercontinental University Online provides a Bachelors of Business Administration with a complete study course requirement of 180 units and a tuition fee of $30,560. Online studying has made having your higher education degree much simpler because you can easily earn the degree through the comfort of your abode and when you finish working. Thanks for other tips I have learned through your web site.

  31. I have seen that right now, more and more people will be attracted to digital cameras and the subject of pictures. However, being a photographer, you must first expend so much period deciding the model of camera to buy along with moving out of store to store just so you can buy the most economical camera of the brand you have decided to pick. But it isn’t going to end there. You also have to consider whether you should obtain a digital digicam extended warranty. Thanks for the good tips I obtained from your website.

  32. http://www.factorytapestry.com is a Trusted Online Wall Hanging Tapestry Store. We are selling online art and decor since 2008, our digital business journey started in Australia. We sell 100 made-to-order quality printed soft fabric tapestry which are just too perfect for decor and gifting. We offer Up-to 50 percent OFF Storewide Sale across all the Wall Hanging Tapestries. We provide Fast Shipping USA, CAN, UK, EUR, AUS, NZ, ASIA and Worldwide Delivery across 100+ countries.

  33. Great blog post. Things i would like to contribute is that computer system memory must be purchased when your computer cannot cope with what you do with it. One can put in two random access memory boards with 1GB each, for instance, but not one of 1GB and one with 2GB. One should check the company’s documentation for own PC to be certain what type of memory space is necessary.

  34. Haddcore sexx tapes videosAdult seex datting iin margate cityy
    new jerseySquirting dannish pussyPatrjck demppsey nakedHiide
    mmy escort radasr detectorMssage hhot bomb seex
    torrentAsswassins creed breastPussy dick pornAdult yunaAnime teeacher andd studentrs ave sexGay male inwwhite undiesAdilt tricycle
    chicagoAlternativen bdsam kontaktanzeigeen lifestyl videoGaay rsorts pennsylvaniaReaal sex hbo documentaries episodesAdupt action figureAbbygail
    brigyton escortEbokny jobb interviww xxxYoun biys ssex
    movieSakuranaruto hentai

    Feeel ffree too surf too my page gran culo de de mi hermana

  35. Thanks for sharing your ideas. A very important factor is that learners have an option between government student loan as well as a private student loan where it is easier to choose student loan debt consolidation loan than over the federal student loan.

  36. I am often to blogging and i actually recognize your content. The article has actually peaks my interest. I’m going to bookmark your site and maintain checking for brand new information.

  37. Hello there! This is my first visit to your blog! We are a group of volunteers and starting a new initiative in a community in the same niche. Your blog provided us beneficial information to work on. You have done a marvellous job!

  38. The subsequent time I read a blog, I hope that it doesnt disappoint me as much as this one. I mean, I do know it was my option to read, but I truly thought youd have one thing interesting to say. All I hear is a bunch of whining about one thing that you could fix if you happen to werent too busy looking for attention.

  42. This is a great activity for tourists who want a real desert adventure. Quad biking gives more excitement than simply visiting the desert. It is a fun way to experience the dunes up close.

  43. Wow! This can be one particular of the most beneficial blogs We have ever arrive across on this subject. Basically Magnificent. I am also an expert in this topic therefore I can understand your hard work.

  44. This design is wicked! You most certainly know how to keep a reader amused. Between your wit and your videos, I was almost moved to start my own blog (well, almost…HaHa!) Excellent job. I really enjoyed what you had to say, and more than that, how you presented it. Too cool!

  47. One other issue is when you are in a situation where you don’t have a co-signer then you may really need to try to make use of all of your federal funding options. You could find many funds and other scholarships or grants that will supply you with funding to help you with institution expenses. Thank you for the post.

  48. I don?t even know the way I ended up right here, however I believed this put up was once good. I don’t know who you might be however definitely you’re going to a well-known blogger in the event you aren’t already ;) Cheers!

  49. CH加密中心学院（cryptifyhub.com）是社区驱动的Web3/AI工具聚合平台，非官方机构，内容免费且中立。

  50. I have discovered that fees for internet degree authorities tend to be a fantastic value. For example a full Bachelor’s Degree in Communication with the University of Phoenix Online consists of 60 credits from $515/credit or $30,900. Also American Intercontinental University Online provides a Bachelors of Business Administration with a entire study course requirement of 180 units and a cost of $30,560. Online learning has made having your college degree been so cool because you can earn your own degree in the comfort of your dwelling place and when you finish from office. Thanks for all other tips I have learned through the blog.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>