CSS IDの末尾が一致する要素を選択する方法

方法1: 属性セレクタを使用する 属性セレクタを使用すると、IDの末尾が指定した文字列で終わる要素を選択できます。以下のようなコードを使用します。

[id$="指定した文字列"] {
  /* スタイルの定義 */
}

このセレクタは、$=を使って指定した文字列でIDが終わる要素を選択します。例えば、IDが「example-id」の要素を選択したい場合は、次のようになります。

[id$="-id"] {
  /* スタイルの定義 */
}

方法2: JavaScriptを使用する JavaScriptを使用して、IDが指定した文字列で終わる要素を取得することもできます。以下は、JavaScriptの例です。

const elements = document.querySelectorAll('[id$="指定した文字列"]');
elements.forEach(element => {
  // 要素に対する操作
});

このコードは、querySelectorAllメソッドを使用して、IDが指定した文字列で終わる要素を取得します。取得した要素に対して、必要な操作を行うことができます。

以上の方法を使用することで、CSS IDの末尾が一致する要素を選択し、必要な操作を行うことができます。