如何更改具有一些特殊ID的显示器的多个div？

Question

我有一些div如下

<div id="span1"></div>
<div id="span3"></div>
<div id="span5"></div>
<div id="span7"></div>
.....

id中有“span”，如何通过jquery显示或隐藏它们？

Answer 1

你可以将那些选择器隐藏在一个数组中，然后用逗号连接：

var tohide = [
    "#span1",
    "#span3",
    "#span5",
    "#span7"
];

$(tohide.join(',')).hide();

---

或者，为每个人添加一个公共类：

<div class="tohide" id="span1"></div>
<div class="tohide" id="span3"></div>
<div class="tohide" id="span5"></div>
<div class="tohide" id="span7"></div>

$('.tohide').hide();

Answer 2

如果我正确理解了这个问题，这应该可以解决问题。

$('[id*="span"]').hide();

也就是说，一个更好的方法是将一个类放在你想用相同代码操作的所有元素上，然后使用该类将元素隐藏为一个组。

<div id="span1" class"span"></div>
<div id="span3" class"span"></div>
<div id="span5" class"span"></div>
<div id="span7" class"span"></div>

$('div.span').hide();

这更清洁。