How do I get first element rather than using [0] in jQuery?
JavascriptJqueryJavascript Problem Overview
I'm new to jQuery, apologies if this is a silly question.
When I use it find an element using the id, I know theres always one match and in order to access it I would use the index [0]. Is there a better way of doing this? For e.g.
var gridHeader = $("#grid_GridHeader")[0];
Javascript Solutions
Solution 1 - Javascript
You can use .get(0) as well but...you shouldn't need to do that with an element found by ID, that should always be unique. I'm hoping this is just an oversight in the example...if this is the case on your actual page, you'll need to fix it so your IDs are unique, and use a class (or another attribute) instead.
.get() (like [0]) gets the DOM element, if you want a jQuery object use .eq(0) or .first() instead :)
Solution 2 - Javascript
$("#grid_GridHeader:first") works as well.
Solution 3 - Javascript
You can use the first method:
$('li').first()
btw I agree with Nick Craver -- use document.getElementById()...
Solution 4 - Javascript
You can use the first selector.
var header = $('.header:first')
Solution 5 - Javascript
$("#grid_GridHeader").eq(0)
Solution 6 - Javascript
With the assumption that there's only one element:
$("#grid_GridHeader")[0]
$("#grid_GridHeader").get(0)
$("#grid_GridHeader").get()
...are all equivalent, returning the single underlying element.
From the jQuery source code, you can see that get(0), under the covers, essentially does the same thing as the [0] approach:
// Return just the object
( num < 0 ? this.slice(num)[ 0 ] : this[ num ] );
Solution 7 - Javascript
You can try like this:
yourArray.shift()