selectの前に何かをprependする

Question

IDを持つSELECT-Tagの前に何も追加することができないことを認識しました。

<span id="foo"></span><select></select> 

上

$('#foo').prepend('bar'); 

は、SPAN

の前で私に "バー" を与えるが、

<select id="foo"></select> 

何に付加されます。どうして？

Answer 1

<option>または<optgroup>の先頭には、<select>を付けることができます。例：$('#foo').prepend('<option>bar</option>');。それ以外は無効なHTMLです。 .prepend()メソッドは、指定されたコンテンツをjQueryコレクション内の各要素の最初の子として挿入します。あなたの最初の例で

$('#foo').prepend('<option>bar</option>');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="foo"></select>

、$('#foo').prepend('bar');だけで有効なも `あなたのスパン#fooの内容としてテキストbarを入れ、<select>