javascript - 如何更改具有特殊 id 的 muitl 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();

这干净多了。