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!

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

  6. I’ve learn a few excellent stuff here. Definitely value bookmarking for revisiting.

    I surprise how a lot attempt you set to make such
    a fantastic informative web site.

  13. Hi there to every body, it’s my first pay a quick visit
    of this blog; this webpage consists of amazing and
    truly good material in support of visitors.

  14. Simply want to say your article is as astonishing.
    The clearness in your post is simply spectacular and i could assume you are an expert on this subject.
    Fine with your permission allow me to grab your feed to keep
    up to date with forthcoming post. Thanks a million and please keep up the enjoyable work.

  18. Definitely consider that that you stated. Your favourite reason appeared to be at the web the easiest factor to keep in mind of. I say to you, I definitely get irked whilst people think about issues that they just do not recognise about. You managed to hit the nail upon the top and also outlined out the whole thing without having side effect , other folks can take a signal. Will likely be back to get more. Thanks

  19. You have made some decent points there. I looked on the internet to learn more about the issue and found most people will go along with your views on this web
    site.

  21. Many logistics experts believe, as if optimizing film gear shipping within the process of festival circuits allows filmmakers not only maximize time on day one, as well as seamlessly manage efficient budget amidst rising transport costs.
    Official page: https://forum.amzgame.com/thread/detail?id=597395

  22. При выборе надежного перевозчика часто возникает вопрос, насколько надежна компания Safeeds Transport Inc, Прежде всего, важно проверить, является ли Safeeds Transport Inc legit,
    Анализ таких ресурсов, как Safeeds Transport Inc BBB (или просто BBB Safeeds Transport Inc) и Safeeds Transport Inc Yelp, помогает понять качество products offered by Safeeds Transport Inc, не просто на словах, а также заметно оценить свое отношение в рамках международных перевозок.
    >- https://safeedsautotransport.com/

  23. Cuando planeamos una visita a una metropoli latina, es un factor clave para disfrutar el viaje sin estres, Entender que papel juegan los servicios de almacenamiento de equipaje es fundamental para conocer la ciudad con total libertad,
    Muchos expertos recomiendan planificar estos detalles con antelacion, para que tu estadia sea mucho mas comoda Para los que buscan tips reales de otros viajeros, estos enlaces son de gran ayuda:
    Mas info: https://backworkclefne.bbforum.be/post568.html#568
    ?Disfruten la ciudad sin cargas!

  24. La tecnologia ha transformado la manera en que gestionamos nuestros traslados urbanos, especialmente cuando dependemos de la puntualidad para reuniones importantes.
    La respuesta esta en la combinacion de tecnologia y planificacion estrategica. Estas herramientas no solo indican el camino, sino que optimizan toda la experiencia urbana, evitando el estres innecesario de navegar por metropolis complejas.
    Si buscan mejorar su eficiencia en la ciudad, estos enlaces les seran de gran ayuda:
    Aqui- https://pub37.bravenet.com/forum/static/show.php?usernum=3126278401&frmid=18&msgid=1605788&cmd=show
    ?Buena ruta y exito en sus reuniones!

  25. Fantastic beat ! I wish to apprentice at the same time as you amend your website, how can i subscribe for a weblog site? The account helped me a acceptable deal. I were tiny bit acquainted of this your broadcast provided shiny transparent concept

  26. I?d need to test with you here. Which isn’t one thing I normally do! I enjoy reading a post that may make individuals think. Additionally, thanks for permitting me to remark!

  27. Youre so cool! I dont suppose Ive learn something like this before. So nice to search out anyone with some authentic ideas on this subject. realy thank you for beginning this up. this website is something that’s needed on the web, someone with somewhat originality. useful job for bringing something new to the web!

  28. Hello! Do you use Twitter? I’d like to follow you if that would be ok. I’m undoubtedly enjoying your blog and look forward to new updates.

  29. Fantastic website. Plenty of useful information here. I am sending it to several friends ans also sharing in delicious. And naturally, thanks for your effort!

  30. Its such as you learn my mind! You appear to know a lot approximately
    this, such as you wrote the ebook in it or something.

    I feel that you simply could do with a few percent to force the
    message house a bit, however instead of that, this is excellent blog.
    An excellent read. I will definitely be back.

  32. There’s definately a lot to know about this subject. I love all
    of the points you made.

  33. Superb blog! Do you have any suggestions for aspiring writers? I’m hoping to start my own blog soon but I’m a little lost on everything. Would you suggest starting with a free platform like WordPress or go for a paid option? There are so many options out there that I’m totally confused .. Any suggestions? Appreciate it!

  34. In this great pattern of things you actually get an A+ for hard work. Exactly where you lost us ended up being in all the facts. You know, they say, details make or break the argument.. And it could not be much more accurate here. Having said that, permit me say to you what exactly did give good results. The text can be pretty engaging and this is possibly why I am making an effort in order to comment. I do not really make it a regular habit of doing that. Secondly, even though I can certainly see the jumps in reason you make, I am not necessarily sure of exactly how you seem to connect your ideas which inturn produce the final result. For the moment I will, no doubt subscribe to your point however wish in the near future you link the dots much better.

  35. La Fiesta de la Tradicion es uno de los eventos mas emblematicos del pais, siendo un punto de referencia para entender la vida del gaucho. El atractivo que tiene Areco para los visitantes es unico,
    Caminar por sus calles empedradas es como viajar en el tiempo, ofreciendo una experiencia cultural inigualable en la pampa. Es fundamental entender como estos festivales impactan en el turismo regional
    Les comparto una serie de enlaces con informacion detallada sobre Areco::
    Link http://gzew.phorum.pl/viewtopic.php?p=739783#739783
    ?Nos vemos en San Antonio de Areco!

  36. This article is a breath of fresh air! The author’s unique perspective and perceptive analysis have made this a truly engrossing read. I’m thankful for the effort she has put into producing such an enlightening and mind-stimulating piece. Thank you, author, for providing your wisdom and stimulating meaningful discussions through your brilliant writing!

  37. hello!,I like your writing so much! share we communicate more about your article on AOL? I require a specialist on this area to solve my problem. May be that’s you! Looking forward to see you.

  38. Thanks for your information on this blog. A single thing I would want to say is that often purchasing electronic products items from the Internet is not new. The truth is, in the past few years alone, the marketplace for online electronics has grown substantially. Today, you will discover practically any specific electronic tool and devices on the Internet, which include cameras as well as camcorders to computer spare parts and games consoles.

  39. F*ckin? remarkable issues here. I?m very happy to peer your article. Thank you so much and i am having a look forward to touch you. Will you please drop me a e-mail?

  40. I have learned some new things through your blog post. One more thing to I have seen is that in many instances, FSBO sellers will probably reject a person. Remember, they will prefer to never use your companies. But if you maintain a gentle, professional partnership, offering aid and remaining in contact for four to five weeks, you will usually be capable of win a discussion. From there, a listing follows. Thanks

  41. Planear una escapada por Argentina siempre es una excelente idea, especialmente si el destino es Entre Rios, y aqui es donde los micros nocturnos se convierten en la mejor opcion.
    ?Que ventajas ofrecen los micros nocturnos para el viajero actual? Contar con una buena guia de hoteles и cabanas facilita mucho la decision segun el presupuesto, asegurando que la experiencia en la provincia sea inolvidable desde el primer momento.
    He recopilado algunos hilos de discusion y guias muy utiles sobre estos temas::
    Post https://pub44.bravenet.com/forum/static/show.php?usernum=3768885695&frmid=684&msgid=1384350&cmd=show
    Nos vemos en la ruta, ?buen viaje a todos!

  42. affordablecanvaspaintings.com.au is Australia Popular Online 100 percent Handmade Art Store. We deliver Budget Handmade Canvas Paintings, Abstract Art, Oil Paintings, Artwork Sale, Acrylic Wall Art Paintings, Custom Art, Oil Portraits, Pet Paintings, Building Paintings etc. 1000+ Designs To Choose From, Highly Experienced Artists team, Up-to 50 percent OFF SALE and FREE Delivery Australia, Sydney, Melbourne, Brisbane, Adelaide, Hobart and all regional areas. We ship worldwide international locations. Order Online Your Handmade Art Today.

  43. One more thing to say is that an online business administration study course is designed for students to be able to effortlessly proceed to bachelor’s degree education. The Ninety credit diploma meets the other bachelor college degree requirements and when you earn your own associate of arts in BA online, you will have access to the modern technologies within this field. Several reasons why students would like to get their associate degree in business is because they can be interested in this area and want to have the general schooling necessary prior to jumping right bachelor college diploma program. Thanks for the tips you actually provide with your blog.

  44. When traveling to Dubai for business, choosing the right environment is crucial for success, and recent articles emphasize the growing importance of business districts.

    What role do business districts play when managing time efficiently in major corporate hubs? Expert reviews suggest that the right amenities can transform a simple stay into a powerful business tool, ensuring that every minute of your corporate trip is well-spent.

    If you are planning a corporate trip, these links provide valuable information on efficiency and hotel selection:

    Details http://gendou.com/forum/thread.php?thr=60063

    Wishing you a successful and efficient business journey!

  45. 它的价值在于“聚合”而非“创造”。币圈工具分散在各处，新项目域名千奇百怪，记不住也搜不全。Cryptify Hub把常用网址汇集成一本电话簿，随查随用。但它不背书任何链接的安全性，也不对任何项目的后续行为负责。一本诚实的电话簿而已。

  46. We are a group of volunteers and opening a new scheme in our community. Your website provided us with valuable info to work on. You have done a formidable job and our entire community will be grateful to you.

  47. Thanks for discussing your ideas. I would also like to mention that video games have been ever before evolving. Technology advances and inventions have helped create genuine and fun games. All these entertainment video games were not as sensible when the real concept was first of all being experimented with. Just like other forms of technology, video games too have had to evolve by many decades. This is testimony for the fast growth and development of video games.

  48. Greetings from Idaho! I’m bored to death at work so I decided to check out your blog on my iphone during lunch break. I really like the knowledge you present here and can’t wait to take a look when I get home. I’m shocked at how quick your blog loaded on my cell phone .. I’m not even using WIFI, just 3G .. Anyways, good blog!

  49. Great work! This is the type of information that should be shared around the web. Shame on the search engines for not positioning this post higher! Come on over and visit my web site . Thanks =)

  50. Thanks for your article on the travel industry. I would also like to add that if your senior thinking of traveling, it is absolutely essential that you buy travel cover for seniors. When traveling, older persons are at biggest risk being in need of a health emergency. Getting the right insurance plan package in your age group can safeguard your health and provide you with peace of mind.

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>