关于循环输出后怎么控制隐藏显示

今天在做前端一个小功能的时候，需要将循环输出的隐藏和显示，但他们是一起循环出来的，F12后发现他们的确是具有相同的id、class的标签，在页面上需要按特定条件隐藏和显示，之前一直是使用id，结果一起不隐藏，最开始以为是业务部分错了，没运行到这，或者是页面元素搞错了？又F12查看html，结果也是对的，折腾了好久。。最后还是在网上的一个百度知道回答的问题提示了我，在同一页面上标签id是不可以重复的，而class可以，结果改成按id进行判断就好了。。果然基础知识在实战中还是很重要的，直指要害部分。。。
部分要害代码：注意id改成class

<a id="versionone" style="display:none" class="linkURL" target="_blank" href="<TRS:Column name=版面缩略图 showpoint=no cutsize=200></TRS:Column>" title=""><img class="t1" src="<TRS:Column name=版面缩略图 cutsize=200></TRS:Column>" ALIGN=TOP></a>


    <a id="versiontwo" style="display:" class="linkURL" target="_blank" href="/search?channelid=12169&searchword=%u5206%u671F%u53F7=<TRS:Column name=分期号></TRS:Column>" title=""><img class="t1" src="<TRS:Column name=版面缩略图 cutsize=200></TRS:Column>" ALIGN=TOP></a>