JSFiddle - React, Tailwind, and code Playground

by doctor23

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="inp-wrapper">
  <input name="phone1" value="53453466456456" data-product="123" />
  <input name="phone2" value="854634545" data-product="1234" />
  <input name="phone3" value="" data-product="12345" />
  <input name="phone4" value="4236456" data-product="123456" />
</div>



<div class="wrapper">
  <div name="phone1" class="div" value="53453466456456" data-product="123"></div>
  <div name="phone2" class="div" value="854634545" data-product="1234"></div>
  <div name="phone3" class="div" value="" data-product="12345"></div>
  <div name="phone4" class="div" value="4236456" data-product="123456"></div>
</div>

JavaScript

function getNames2(selector) {
  var dataArray = [];

  $(selector).each(function() {
    var dataProduct = $(this).data('product');

    dataArray.push(dataProduct);

  });
  return dataArray;
}

var dataArray = getNames2('.div');
console.log(dataArray);