如何在锚标签上正确使用兄弟姐妹？

Question

 $("a").click(function() { $(this).siblings().hide() })

 body { display: flex; justify-content: center; margin-top: 300px; } a { font-size: 30px; }

 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script> <ul> <li><a>one</a></li><br><br> <li><a>two</a></li><br><br> <li><a>three</a></li><br><br> </ul>

i click anyone anchor other brother element not hide.

but change make $("a") to $("li") is work. why?

Answer 1

The element a has no sibling, its the only child of li .

In order to hide the other li s, you should use sibling on them:

 $("a").click(function() { $(this).parents("li").siblings().hide() })

 body { display: flex; justify-content: center; } a { font-size: 30px; }

 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script> <ul> <li><a>one</a></li><br><br> <li><a>two</a></li><br><br> <li><a>three</a></li><br><br> </ul>