jquery value of input field within class

Question

I have several div's with the class .agrRow. In each .agrRow there is an input field with the name agrPrice.

I want to get the value of that field for each instance of .agrRow. I've tried something like:

    $(".agrRow").each(function(){           

            // get price for this field
            lp=parseFloat( $("input[type='text'][name='agrPrice']").val() );
    });

but that only ever gives me the value of agrPrice in the first instance of .agrRow class.

I'm sure I need to incorporate "this" but I'm not sure how.

What is the correct syntax?

And what do you intend to do with all the values ?

adeneo
– adeneo

2014-10-28 16:37:28 +00:00
Commented Oct 28, 2014 at 16:37 — adeneo
– adeneo, Commented Oct 28, 2014 at 16:37

Milind Anantwar · Accepted Answer · 2014-10-28 16:38:58Z

2

You should find the input element in current teration context. you can use:

 $(".agrRow").each(function(){           
    // get price for this field
    lp=parseFloat($(this).find('[name=agrPrice]').val());
 });

To get them all in array:

  $(".agrRow [name=agrPrice]").map(function(){
    return parseFloat($(this).find('[name=agrPrice]').val());
  }).get()

edited Oct 28, 2014 at 16:38

answered Oct 28, 2014 at 16:34

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

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

2 Comments

Selvakumar Arumugam Over a year ago

From OP: there is an input field with the name agrPrice. not class .agrPrice

Milind Anantwar Over a year ago

@AmitJoki: exactly. why make things complicated :). thnx for edit.

Selvakumar Arumugam · Accepted Answer · 2014-10-28 16:34:35Z

0

You should use the this context to get the input inside the iterating div.

$(".agrRow").each(function(){           
   // get price for this field
   lp=parseFloat($(this).find("input[type='text'][name='agrPrice']").val() );
});

answered Oct 28, 2014 at 16:34

Selvakumar Arumugam

79.9k15 gold badges123 silver badges139 bronze badges

Collectives™ on Stack Overflow

jquery value of input field within class

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related