尝试隐藏具有ID的元素

Question

我试图知道是否可行：

我有一个具有ID的元素，但我想知道是否可以隐藏其他没有该ID的元素

我的意思是：

<div id="tag1">
 Hi 1
</div>

<div id="tag2">
 Hi 2
</div>

....至N个元素

<div id="tagN">
 Hi N
</div>


$(document).ready(function(){
  ?????
});

如何显示tag1并将tag2隐藏到tagN个元素？

谢谢

Answer 1

您可以使用starts with选择器：

$('div[id^="tag"]').not("#tag1").hide();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="tag1">
 Hi 1
</div>

<div id="tag2">
 Hi 2
</div>

<div id="tag3">
 Hi 3
</div>

但是，如果您为所有元素添加一个类而不是像上面那样按属性选择，则您的代码将具有更高的性能。例如：

$("div.tag").not("#tag1").hide();