Question

当我点击一个html元素时，我可以制作其他人消失，例如，如果我有5张图片，我点击一个，其他4个隐藏？无论如何使用for或while循环执行此操作？

编辑：我的HTML代码

<html>
<head>
    <title>My Site</title>
    <link rel="Stylesheet" type="text/css" href="style.css" />
    <meta charset="UTF-8" />
    <script src="http://code.jquery.com/jquery-latest.min.js " type="text/javascript"> </script>
</head>
 <body>

    <div id="header">
                <ul id="navigation">
                    <li><a href="#">Home</a></li>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Contact</a></li>                
                </ul>
            </div>
    <center>
    <h1 class="h1">Hello User!</h1>
    </center><br /> <br/> <br/>
               <p class="category">Category 1</p>
    <hr/>
        <ul id="catitem">
                <li><a href="#">test1</a></li>
                <li><a href="#">test2</a></li>
                                    <li><a href="#">test3</a></li>                  
        </ul>

 </body>

当用户点击

test1

我希望其他

隐藏

Answer 1

$(document).ready(function() {
  $('.img_class').hide();
  $(this).show();
}
<li><a href="#">test1</a></li>
            <li><a href="#">test2</a></li>
                                <li><a href="#">test3</a></li>

改变你的锚点为每一个添加class =“img_class”

Javascript / jQuery点击一个元素保持其他消失

1 个答案: