jquery：简写 - 显示几个id的无

Question

  

可能重复：
  How can I combine two jQuery selectors?

我有一个工作代码

$('#block1').css("display", "none");
$('#block2').css("display", "none");
$('#block3').css("display", "none");

我相信它可以写成一个字符串。怎么做？

我相信可以通过多个选项和预期结果来完成，因此如果需要，还有更多其他详细信息：

对于以display: none;开头的所有ID，可以设置block，例如block123或blockabc4（所有以block开头的ID都是仅限#block1，#block2和#block3）。 应用代码之前display属性的当前值为block。

Answer 1

$('#block1, #block2, #block3').css("display", "none");

或者如果你有很多具有不同结局的块：

$('[id^=block]').css('display', 'none');

Answer 2

使用逗号运算符对不同的选择器进行分组，如下所示：

$('#block1,#block2,#block3').css("display", "none");

或者，您可以使用jQuery starts with selector选择id属性以block字符串开头的所有元素，如下所示：

$('[id^=block]').css("display", "none");

此外，.hide()是.css("display", "none")的快捷方式，因此上述代码可能只是：

$('#block1,#block2,#block3').hide();
$('[id^=block]').hide();

Answer 3

你可以这样做：

$('[id^=block]').css("display", "none");

但如果你使用某种常见的钩子（比如一个类或者来自祖先的血统）来定位它们会好得多。

Answer 4

包含ID以“block”开头的所有元素

$('[id^="block"]').css("display", "none");