javascript - 试图隐藏带有 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(){
  ?????
});

如何向 tagN 元素显示 tag1 和隐藏 tag2？

谢谢

标签： javascriptjqueryhtml

Answer 1

您可以使用选择器开始：

$('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();