Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

jQuery - Get element from array as jQuery element?

If I call

$(".myClass") 

I get an array of elements. If I now want to get the first element as jquery element I would do something like this:

$($(".myClass").get(0)) 

So I wrap the DOM-Element, which I get from the array again with the jQuery operator. Is there a more elegant way to do this? Some get method, which returns a jQuery element for example?

like image 758
jan Avatar asked Jul 02 '13 23:07

jan


People also ask

Which methods return the element as a jQuery object?

The jQuery selector finds particular DOM element(s) and wraps them with jQuery object. For example, document. getElementById() in the JavaScript will return DOM object whereas $('#id') will return jQuery object.

What is $() in jQuery?

$() = window. jQuery() $()/jQuery() is a selector function that selects DOM elements. Most of the time you will need to start with $() function. It is advisable to use jQuery after DOM is loaded fully.

What is inArray in jQuery?

The jQuery inArray() method is used to find a specific value in the given array. If the value found, the method returns the index value, i.e., the position of the item. Otherwise, if the value is not present or not found, the inArray() method returns -1. This method does not affect the original array.

How can get li id value in jQuery?

ready(function() { $('#list li'). click(function() { alert($(this). attr("id")); alert($(this). text()); }); });


1 Answers

Use the eq() method:

$(".myClass").eq(0) 

This returns a jQuery object, whereas .get() returns a DOM element.

.eq() lets you specify the index, but if you just want the first you can use .first(), or if you just want the last you can use (surprise!) .last().

"I get an array of elements."

No you don't, you get a jQuery object which is an array-like object, not an actual array.

If you plan to use jQuery much I suggest spending half an hour browsing through the list of all methods.

like image 96
nnnnnn Avatar answered Sep 22 '22 17:09

nnnnnn