<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<table>
<tr>
<td>data1</td>
<td name="tcol1" class="bold"> data2</td>
</tr>
<tr>
<td>data1</td>
<td name="tcol1" class="bold"> data2</td>
</tr>
<tr>
<td>data1</td>
<td name="tcol1" class="bold"> data2</td>
</tr>
</table>
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';