[解決済み] ある文字列で始まるすべてのIDを選択するjQueryまたはCSSセレクタ [重複]。
2022-04-26 06:59:03
質問
<余談
を持つすべての要素を選択するにはどうすればよいですか?
id
は "player_"で始まるのですか?
このような要素が複数あるのですが。
<div id="player_290x3dfda">text</div>
すべての
id
には固有のスタンプがあります。これらの要素をすべて選択するには、jQueryを使うか、純粋なCSSを使うか、どうすればよいでしょうか。
どのように解決するのですか?
通常はIDセレクタでIDを選択することになります
#
しかし、より複雑なマッチングを行うには、属性-開始-ウィズセレクタを使用します。
jQuery セレクタ
またはCSS3セレクタとして)。
div[id^="player_"]
しかし、そのHTMLを変更できるのであれば、プレイヤーにクラスを追加する必要があります。
div
を作成し、そのクラスをターゲットにします。属性セレクタはクラスセレクタと同じ特殊性を持っているので、IDセレクタが提供する追加の特殊性はいずれにせよ失われます。さらに、クラスを使用することで、物事をよりシンプルにすることができます。
関連
-
[解決済み] 要素外でのクリックを検出するにはどうすればよいですか?
-
[解決済み] CSSの親セレクタはありますか?
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] jQueryで要素にスクロールする
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] セレクタの子を取得する方法は?
-
[解決済み] jQueryで複数のクラスを持つ要素を選択するにはどうすればよいですか?
-
[解決済み] jQueryで名前を指定して要素を選択するには?
-
[解決済み] 最初の要素にクラスを指定するCSSセレクタ
-
[解決済み] javascript(またはjQuery)を使って::beforeや::afterなどのCSS疑似要素を選択し、操作する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] jquery 3.0 url.indexOfエラー
-
[解決済み] jQueryでdata属性で要素を選択する
-
[解決済み] ユーザーがEnterキーを押してフォームを送信できないようにする
-
[解決済み] .on('click') と .click() の違いについて
-
[解決済み] Google Maps APIでマウスのスクロールホイールによる拡大縮小を無効にする方法
-
[解決済み] jQueryで5秒待つには?
-
[解決済み] jQuery: テキストで要素を検索する
-
[解決済み] jQuery .onとhoverの使い分けは可能ですか?
-
[解決済み】既存のCSSクラス以外を使用することはできますか?
-
[解決済み] Jqueryのコードはヘッダーとフッターのどちらに入れるべきですか?