JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1" id="docClassAttributeFields">
      <thead>
        <tr>
          <th>
            head
          </th>
        </tr>
      </thead>
      <tbody class="ui-sortable" style="">
        <tr data-docclassattributefieldid="59749">
        <td>
            1
          </td>
        </tr>
        <tr data-docclassattributefieldid="60777">
          <td>
            2
          </td>
        </tr>
        <tr data-docclassattributefieldid="67314">
          <td>
            3
          </td>
        </tr>
      </tbody>
    </table>

JavaScript

$("body").append($("table tbody tr:first").attr("data-DocClassAttributeFieldId")+"<br/>");

$("body").append($("table tbody tr:first").data("DocClassAttributeFieldId")+"<br/>");