How to check if the element is not the first-child?
47,518
Solution 1
You can do this just to test an element if it's the first child: $(this).is(':first-child')
. Other selectors like :last-child
would work too.
Solution 2
You could simply ask for its .index()
position (relative to its siblings).
$(this).index(); // returns a zero based index position
Solution 3
For all li
's in #thing
that aren't first child:
$('#thing li:not(:first-child)')
see http://api.jquery.com/not-selector/
Solution 4
If you would like to select everything except the first child, this is how to do it:
$('#some-parent').children().not(':first')
Solution 5
Also, you can check if $(this).prev().length
is defined, like in:
if (!$(this).prev().length){ //This means $(this is the first child
//do stuff
}
Author by
James
Updated on January 30, 2022Comments
-
James over 2 years
How do you know if the current element is not the first-child?
It should work with
$(this)
, for example:$("li").click(function(e) { if (/* $(this) is not the first-child */) { /* do something */ } });