1. ホーム
  2. jquery

[解決済み] jQueryで複数のIDを扱う

2023-07-13 04:32:22

質問

コードのように複数のidを扱うことは可能でしょうか?

<script>
$("#segement1, #segement2, #segement3").hide()
</script>

<div id="segement1"/>
<div id="segement2"/>
<div id="segement3"/>

どのように解決するのですか?

はい。 #id セレクタ と組み合わせることで 複数セレクタ (カンマ)と組み合わせることは、jQueryとCSSの両方で完全に有効です。

しかし、あなたの例では <script> の前に の前にある場合は document.ready ハンドラが必要で、このように要素が DOM 内に現れるまで待機して探します。

<script>
  $(function() {
    $("#segement1,#segement2,#segement3").hide()
  });
</script>

<div id="segement1"></div>
<div id="segement2"></div>
<div id="segement3"></div>