how to get class value

Question

I want to get an updated value from an input field. So I setup a listener

$('.product-quantity input').change( function() {


console.log($(this).parents('.product')[0].id)
var id  = $(this).parents('.product')[0].id;
 var classgroup = $(this).parents('.product')[0]
 for (var i = 0; i < classgroup.childNodes.length; i++){

    if (classgroup.childNodes[i].className == "product-quantity") {

      console.log(classgroup.childNodes[i])
      var target = classgroup.childNodes[i]

    }
 }
 });

classgroup.childNodes[i] output this html

 <div class="product-quantity">
  <input type="number" id="productquantity" value="1" min="1">
 </div>

what I want to do now is get the user input in value. It is suppose to be simple but I can't figure it out I've tried these but no success console.log(target.attr('value'))

      target.each(function(){
        console.log(this.value)
      })

how can I get the value number for the output html?

FYI, you can replace $(this).parents('.product')[0] with this.parentNode.closest(".product") in newer browsers. And you can remove the .parentNode if this doesn't have that class. — user8897421
– user8897421, Commented Jan 8, 2018 at 17:35
No, you'd need a polyfill for that. Better than loading a large library though, IMO. — user8897421
– user8897421, Commented Jan 8, 2018 at 17:37

user3483203 · Accepted Answer · 2018-01-08 17:29:46Z

1

Is this what you are trying to do? You can grab the val of the input itself, and log on change (or whatever you would like to do).

$('#productquantity').change(function() {
  console.log($(this).val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="product-quantity">
  <input type="number" id="productquantity" value="1" min="1">
</div>

answered Jan 8, 2018 at 17:29

user3483203

51.3k10 gold badges72 silver badges104 bronze badges

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

Collectives™ on Stack Overflow

how to get class value

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