Select Element Array and Then Give it Method

Question

i have 6 element and i want to select the 5th element (with jQuery)

$(".deskripsi")[2]

then give it a method, but when i try it it give me error in console log

$(".deskripsi")[2].innerHTML is not a function

can somebody tell my how to select element array in jQuery and give it method.

oke, may it's seems my question is still unclear. my point is to select that element (array number 5), innerHTML is just only for to see in my console log if i select the right target.

please let me give another example. let say i have 6 list like this

<ul>
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
<li>E</li>
<li>F</li>
</ul>

now i want to select the li number 5 (i use innerHTML only for check the li value)

Thanks

Answer 1

Try using :eq(n) and html():

$(".deskripsi:eq(2)").html();

Answer 2

Did you try:

$(".deskripsi").eq(2)

The eq() method returns a wrapped jQuery set with one element, hence you can still invoke jQuery operations. This is not the case with [2] where you get the raw DOM element.

On the jQuery wrapped "set" (of one element) you can then use the .html() method.

Answer 3

Try the jQuery eq function:

$('.deskripsi').eq(2).html(); // Retruns the HTML of the element

Answer 4

If your browser supports CSS3, you may do:

$(".deskripsi:nth-child(5)").something();

Otherwise you must ensure that jQuery selector returns multiple entries - assign results to variable and access one of them. As my predecessors said - you can also use "eq()" function. ;]

Answer 5

Hello,

I suspect you are trying to write

 $(".deskripsi")[2].innerHTML()

instead, use

 $(".deskripsi")[2].innerHTML

or

 $(".deskripsi").eq(2).html()

I hope this will help you

Jerome Wagner