私は作業コードを持っています
$('#block1').css("display", "none");
$('#block2').css("display", "none");
$('#block3').css("display", "none");
一文字で書けると思います。どうやってするか？
いくつかのオプションと期待される結果で実行できると思いますので、必要に応じて追加の詳細を以下に示します。
orのようなdisplay: none;単語で始まるすべての ID に設定しても問題ありません (で始まるすべての IDは, andのみです)。コードを適用する前のプロパティの現在の値は です。blockblock123blockabc4block#block1#block2#block3displayblock
$('#block1, #block2, #block3').css("display", "none");
または、エンディングが異なるブロックがたくさんある場合:
$('[id^=block]').css('display', 'none');
コンマ演算子を使用して、次のように異なるセレクターをグループ化します。
$('#block1,#block2,#block3').css("display", "none");
または、次のように、jQuery の開始セレクターを使用して、属性が文字列でid始まるすべての要素を選択することもできます。block
$('[id^=block]').css("display", "none");
また、.hide()へのショートカットな.css("display", "none")ので、上記のコードは次のようになります。
$('#block1,#block2,#block3').hide();
$('[id^=block]').hide();
あなたはこのようにすることができます：
$('[id^=block]').css("display", "none");
しかし、クラスや先祖からの子孫など、ある種の一般的なフックを使用してそれらをターゲットにする方がはるかに優れています。
ID が「block」で始まるすべての要素を含める
$('[id^="block"]').css("display", "none");