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

最新推荐文章于 2022-07-29 16:25:28 发布

原创最新推荐文章于 2022-07-29 16:25:28 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #标签 #循环 #隐藏显示

Javaweb 专栏收录该内容

24 篇文章

订阅专栏

本文通过一个实际案例探讨了前端开发中ID与Class的区别及应用。作者在实现一个功能时遇到ID重复导致无法正确隐藏元素的问题，最终通过修改为Class解决了问题。强调了基础知识的重要性。

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