JSFiddle - React, Tailwind, and code Playground

HTML

<div class="i" id="director">
  <div data-gt="director1" data-name="director">Director 1</div>
  <div data-gt="director2" data-name="director">Director 2</div>
</div>
<div class="i" id="producer">
  <div data-gt="producer1" data-name="producer">Producer 1</div>
  <div data-gt="producer2" data-name="producer">Producer 2</div>
</div>

JavaScript

var arr = [];

$('.i').each(function(key, wrap) {
    var values = [];
    $.each($(wrap).find('div'), function(k, v) {
         values.push($(v).attr('data-gt'));
    })
    arr[$(wrap).attr('id')] = values;
});

console.log(arr);