Q&A
なぜ追加したいんですか？
いつもお世話になります。
下記のような結果が欲しいのですが、
作成したjQueryですと、#hogeが上書きされて#hugaのみになってしまいます。
jQuery
1$('#hoge').attr('id', 'huga');
html
1<ul id="hoge"> 2 <li>aaa</li> 3 <li>bbb</li> 4</ul> 5 6<!-- ↓下記のようにしたい --> 7 8<ul id="hoge huga"> 9 <li>aaa</li> 10 <li>bbb</li> 11</ul>
恐れ入りますが、ご教示の程よろしくお願いいたします。
ご回答ありがとうございます。#huga liの中身が全て「ccc」になったら○○○をする、 といった動きをさせたいため、追加を考えておりました。id属性値は複数の値を持つことはできないそうですので、 違う方法を考えてみます。
$("#huga li") ではいけませんか？
回答4件
0
1つのタグにidは1つとHTMLのルール上決められています。なので無理です…
投稿2017/03/01 07:47
総合スコア9206
0
ベストアンサー
id属性値は複数の値を持つことが出来ません。
希望する動作次第ですが、class属性値やdata-*属性値を使用してみてはいかがでしょうか。
Re: abiscoa さん
投稿2017/03/01 07:45
総合スコア18162
0
「IDを書き換える」という動作自体、あまり必要とされるものではないのですが、ふつう設定しないような「スペース入りのID」を設定して、どういう使い方をするのでしょうか。
なお、<ul id="hoge huga">を$('#hoge')で拾うことはできません。
投稿2017/03/01 07:45
総合スコア145183
一応、補足しておきますと、id属性値は空白文字だけは入力できません。
ご回答ありがとうございます。
#hogeがあるとき、#hugaがあるとき、で異なる動作をさせる予定でした。
他の方からご指摘頂いた通り、id属性値は複数の値を持つことが出来ないとのことですので、違う方法を考えてみます。
そんな規定があったのですね…たまに「数字始まりのID」を指定してトラブルになったことはあったのですが、スペース入りを指定しようと思ったこともなかったので初めて知りました。ありがとうございます。
To: maisumakun さん
ちなみに、仕様上の記述は下記にあります。
> HTML要素で指定される場合、id属性値は、要素のツリーですべてのIDに共通して固有でなければならず、かつ少なくとも1つの文字を含まなければならない。値は一切の空白文字を含んではならない。
https://momdo.github.io/html/dom.html#global-attributes
> たまに「数字始まりのID」を指定してトラブルになったことはあったのですが、
HTML 4.01ではアルファベットで始まらなければならない(MUST)ですが、HTML Living Standard では許されますね。
また、CSSのidセレクタは数字から始まることが出来ないと思われがちですが、実はエスケープシーケンスを使えば数字から始まるidセレクタを指定できる事はあまり知られていないように思います。
https://jsfiddle.net/5xt5ebzy/
セマンティック的でないので知られなくて良いテクニックだと思っていましたがが、そういう案件があるなら困りますね。
0
蛇足ですが以下で確認できます
HTML
1<style> 2#hoge1,#hoge2,#hoge3{background-Color:yellow;} 3#fuga1,#fuga2,#fuga3{color:red;} 4</style> 5<div id="hoge1" id="fuga1">piyo</div> 6<div id="hoge2 fuga2">piyo</div> 7<div id="hoge3"><div id="fuga3">piyo</div></div> 8
投稿2017/03/01 07:57
総合スコア114769
あなたの回答
tips
プレビュー
