Jquery - Accessing input element within a class by its index

Question

I need some pointer here. I am trying to set the value of multiple input text within a class by its index value. The extra validate class is just for inline form validation and I think it is not the problem.

I was able to access multiple check boxes within a class using the same method but I can't figure this one out. Can someone please give me a hint as to what I did wrong? Thank you.

Script

//--(4) Load Delivery Cost Input Box
var tmpstr = $('#editDeliveryCost').html();
if (tmpstr != ""){
   var tmparray = tmpstr.split(',');
   for (i = 0; i < tmparray.length; ++i) {
      $('.typeDeliveryCost:eq('+(tmparray[i]-1)+')').val(tmparray[i]);
   }

HTML

<input type="text" name='cost[]' id='inp01' class="validate[required,custom[price]] typeDeliveryCost" />
<input type="text" name='cost[]' id='inp02' class="validate[required,custom[price]] typeDeliveryCost" />
<input type="text" name='cost[]' id='inp03' class="validate[required,custom[price]] typeDeliveryCost" />
<input type="text" name='cost[]' id='inp04' class="validate[required,custom[price]] typeDeliveryCost" />

What output are you getting now? Do you get any errors? Can you post a jsfiddle.net demonstrating the problem? — mellamokb
– mellamokb, Commented May 17, 2011 at 3:22
What is the value of tmpstr? How about a demo? Side note, you should really be more consistent with using single/double quotes in both markup (delimiting attributes) and in JS (delimiting strings). — Matt Ball
– Matt Ball, Commented May 17, 2011 at 3:24
I have checked that the array are containing the right data I wanted so there are no issue with tmpstr or tmparray. — maomaopop
– maomaopop, Commented May 17, 2011 at 3:26

Vivek · Accepted Answer · 2011-05-17 03:27:42Z

1

change this

$('.typeDeliveryCost:eq('+(tmparray[i]-1)+')').val(tmparray[i]);

to

$('.typeDeliveryCost:eq(' + i + ')').val(tmparray[i]);

answered May 17, 2011 at 3:27

Vivek

11k15 gold badges51 silver badges68 bronze badges

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

1 Comment

maomaopop Over a year ago

You are right, I made a mistake on assigning the index to the array value, silly me. Thanks.

Vivek · Accepted Answer · 2011-05-17 03:55:04Z

0

Shouldnt

$('.typeDeliveryCost:eq('+(tmparray[i]-1)+')').val(tmparray[i]);

be

$('.typeDeliveryCost:eq(' + i + ')').val(tmparray[i]);

:eq(index) takes a zero-based index (eq-selector)

edited May 17, 2011 at 3:55

Vivek

11k15 gold badges51 silver badges68 bronze badges

answered May 17, 2011 at 3:23

rajasaur

5,4902 gold badges29 silver badges23 bronze badges

Collectives™ on Stack Overflow

Jquery - Accessing input element within a class by its index

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related