JSFiddle - React, Tailwind, and code Playground

HTML

<table id="table1" ric:attrib="test">
        <tbody>
                <tr><td>Data 1</td></tr>
       </tbody>
</table>
<table id="table2">
       <tbody>
               <tr><td>Data 1</td></tr>
       </tbody>
</table>
<div id="div1" ric:attrib="test">
        div 1 content
</div>
<div id="div2">
       div 2 content
</div>

CSS

body, td {
      font-family: sans-serif;
       font-size: 11px;
}
td {
       white-space: nowrap;
       padding: 1px;
       border: 1px solid #CDCDCD;
}
span {
    display:block;
    border:1px solid #000;
    padding:5px;
    margin:5px;
}

JavaScript

var $body = $( 'body' ),
    log = function( w ) {
        $body.append( '<span>' + w + '</span>' );  
    };
   log( $('#table1').attr('ric:attrib') );
    log( $('#table2').attr('ric:attrib') );
    log( $('#div1').attr('ric:attrib') );
    log( $('#div2').attr('ric:attrib') );