Javascript 将每个输入的值保存在js对象中

我需要将每个输入的值保存在js对象中。 这是我的html代码：

<div class="produs_varianta">
      <input type="text" class="product_name" value="Product One">
      <input type="text" class="product_code" value="Code One">
</div>
 <div class="produs_varianta">
      <input type="text" class="product_name" value="Product Two">
      <input type="text" class="product_code" value="Code Two">
</div>
 <div class="produs_varianta">
      <input type="text" class="product_name" value="Product Three">
      <input type="text" class="product_code" value="Code Three">
</div> 

var variante = $('.produs_varianta');
var produs_varianta = [];
variante.each(function(index){
     produs_varianta.push(
     {
         'produs' : 'the value of product_name',
         'cod'    : 'the value of product_code
     }
   );
});

** 我尝试使用$（this.children（'.product_name'）.val（），但我没有定义！ **

使用

.find（）

如

$（this.find（.class”）.val（）

var variante=$（'.produs_varianta'）；
var produs_varianta=[]；
variante.each（函数（）{
变量推送({
'produs'：$（this）.find（“.product_name”）.val（），
'cod'：$（this.find（“.product_code”）.val（）
});
});
console.log（produs\u varianta）

---

您需要为此添加jquery函数。你的HTML是

<div class="produs_varianta">
      <input type="text" class="product_name" value="Product One">
      <input type="text" class="product_code" value="Code One">
</div>
 <div class="produs_varianta">
      <input type="text" class="product_name" value="Product Two">
      <input type="text" class="product_code" value="Code Two">
</div>
 <div class="produs_varianta">
      <input type="text" class="product_name" value="Product Three">
      <input type="text" class="product_code" value="Code Three">
</div>

---

这里是

@SoptareanuAlex的附加链接如果这个或任何其他答案解决了您的问题，我建议您标记其中一个答案，以便其他人可以看到您的问题的解决方法。

var result = [];
$('.produs_varianta').each(function( ) {
  var elem = $(this);
  var obj = {
     'product_name': elem.find('.product_name').val(),
     'product_code' : elem.find('.product_code').val()
  };
  result.push(obj);     
});

console.log(result);

$(document).ready(function () {
    var variante = $('.produs_varianta');
    var produs_varianta = [];
    variante.each(function (index) {
        produs_varianta.push(
         {
             'produs': $(this).find('.product_name').val(),
             'cod': $(this).find('.product_code').val()
         }
       );
    });

    // NOW READ THE PRODUCTS AND ITS CODES.
    $.each(produs_varianta, function (key) {
        alert(produs_varianta[key].produs + ': ' + produs_varianta[key].cod);
    });
});