今天在做前端一个小功能的时候,需要将循环输出的隐藏和显示,但他们是一起循环出来的,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>