get last element of array in input tag with jquery

Question

I have

<div id="exp">
  <input type="hidden" name="sum[]" value="1" />
  <input type="hidden" name="sum[]" value="2" />
  <input type="hidden" name="sum[]" value="3" />
  <input type="hidden" name="sum[]" value="4" />
</div>

And I want in jquery get the value of the last element of the array. I've tried:

alert(sum[sum.length-1]);

But shows me 'undefined'. What am I doing wrong?

You're assuming elements named sum[] can be accessed through a global array variable named sum. That's not the case. To obtain the last element within a container, you have to query the DOM as jfriend00 demonstrates in his answer. — Frédéric Hamidi
– Frédéric Hamidi, Commented Apr 15, 2012 at 15:45

jfriend00 · Accepted Answer · 2012-04-15 15:45:06Z

6

You can use this:

var lastValue = $("#exp input:last").val();

This uses a jQuery selector to find the last input element that is a child of #exp and get its value.

You can see it work here: http://jsfiddle.net/jfriend00/Lh7sJ/

edited Apr 15, 2012 at 15:45

answered Apr 15, 2012 at 15:39

jfriend00

711k104 gold badges1.1k silver badges1k bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

get last element of array in input tag with jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related