DOM IDとjQuery UIの重複ダイアログ

Question

ページ上に同じidを持つ複数のdom要素を持つことはできますか？それらの要素はさまざまな同一のjQuery UIダイアログにしか含まれていないのですか？たとえば：

<div id="tabInfo" class="tabDiv"> 
     <ul> 
      <li><a href="#tabs-info">Book Info</a></li> 
      <li><a href="#tabs-reviews">Reviews</a></li> 
      <li><a href="#tabs-subjects">Related Subjects</a></li> 
      <li><a href="#tabs-alsoByAuthor">Also by Author</a></li> 
     </ul> 
     <div id="tabs-info"> 
     ... 

tabInfo divがダイアログにタブコントロールになって、そして挿入されています。しかし、一度に複数のダイアログを開くことができます。これらのダイアログはすべてこのコードから描画します。その結果、ID番号tabInfo、tabs-info、tabs-reviewsなどのページに複数のdivがある可能性があります。

これはすべて正常に動作しているようです。私の質問は、この状況に対処するためにjQuery UIがコード化されているか、これを行うための良い方法がありますか？

Answer 1

いいえ、IDは100％ユニークである必要があります。つまり、IDの性質です。あなたは倍数は、その後、Idの代わりにクラスを使用するか、あなたのIDを生成する必要がある場合は、動的などのtabInfo_1、tabInfo_2など

私はあなたのコードを壊す非ユニークなIDを持つことを知っているが、それは最初に質問することはずのいけない

標準的にはユニークである必要があるためです。

http://www.w3.org/TR/html4/struct/global.html#adef-id

Answer 2

私は、あなたはおそらく知っている様々な理由のために、それをお勧めしませんが、jQueryのは、複数の値を返すIDセレクタを処理することができます。おそらくうまくいくはずですが、後でこの機能をサポートしていないjQueryのバージョンに更新する場合は、SOLになります。

標準の理由から、標準の不完全な実装で作業しているので、別の方法を見つけることをお勧めします。