javascript - 特別なIDを持つmuitldivの表示を変更するにはどうすればよいですか？

Question

私は次のようにいくつかのdivを持っています

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

IDに「スパン」があります。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();

これははるかにきれいです。