<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<table id="myTable"></table>
myTable.innerHTML = `
<tr>
<td>data1</td>
<td name="tcol1" class="bold"> data2</td>
</tr>
`.repeat(1000);
let elArr = [...document.getElementsByName("tcol1")]; // this is for special case on end
$('[name=tcol1]')
$(document.getElementsByName("tcol1"))
document.getElementsByName("tcol1")
document.querySelectorAll('[name=tcol1]')
$('[name=tcol1]').hide();
$(document.getElementsByName("tcol1")).hide();
document.getElementsByName("tcol1").forEach(e=>e.style.display='none');
document.querySelectorAll('[name=tcol1]').forEach(e=>e.style.display='none');
let length = elArr.length
for(let i=0; i<length; i++) elArr[i].style.display='none';