cari

Rumah  >  Soal Jawab  >  teks badan

javascript - 用什么技术能用尽量少的代码隐藏多个html元素？

我想做下面这个东西。

思路是重叠7个p，点击“一”就显示第一个p，隐藏其它6个p。
我现在只会
obj1.display="block";
ovj2.display="none";
ovj3.display="none";
ovj4.display="none";
ovj5.display="none";
ovj6.display="none";
ovj7.display="none";

这样搞至少49行，重复代码太多了。各位有什么技巧吗？

伊谢尔伦伊谢尔伦2832 hari yang lalu455

membalas semua(5)saya akan balas

  • PHP中文网

    PHP中文网2017-04-10 14:33:41

    如果允许使用CSS3的话，用:target伪类会更简单一些：

    http://jsfiddle.net/Gerhut/vs2x2/

    balas
    0
  • PHP中文网

    PHP中文网2017-04-10 14:33:41

    jquery siblings

    balas
    0
  • 伊谢尔伦

    伊谢尔伦2017-04-10 14:33:41

    css全部隐藏，然后点击哪一个显示哪一个啊

    balas
    0
  • ringa_lee

    ringa_lee2017-04-10 14:33:41

    点击触发函数，函数循环7个p，如果是当前触发事件的p，显示，否则隐藏，或者循环全部隐藏，最后设置触发事件的p显示，最多也就6行代码的事情

    balas
    0
  • 大家讲道理

    大家讲道理2017-04-10 14:33:41

    检测那个 p has active class 啥的 就把那个隐藏 然后显示当前点击的p 就是了...

    balas
    0
  • Batalbalas